This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The target property of the HTMLAreaElement interface is a string that indicates where to display the linked resource.
It reflects the target attribute of the <area> element.
A string representing the target. Its value can be:
<frame>._blank, _self, _parent, or _top.<map name="image-map"> <area href="www.example.com" target="_top" alt="left" /> </map>
const areaElement = document.getElementsByName("image-map")[0].areas[0];
console.log(areaElement.target); // Output: "_top"
| Specification |
|---|
| HTML> # dom-area-target> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
target |
1 | 12 | 1 | ≤12.1 | 1 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 | 1 |
HTMLBaseElement.target propertyHTMLFormElement.target propertyHTMLAnchorElement.target property
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAreaElement/target