This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The hash property of the HTMLAreaElement interface is a string containing a "#" followed by the fragment identifier of the <area> element's href. If the URL does not have a fragment identifier, this property contains an empty string, "".
See URL.hash for more information.
A string.
Given this HTML
<map name="infographic">
<area
id="mdn-circle"
shape="circle"
coords="130,136,60"
href="https://developer.mozilla.org/#ExampleSection"
alt="MDN" />
</map>
<img
usemap="#infographic"
src="/media/examples/mdn-info.png"
alt="MDN infographic" />
you can get the hash of the area link like this:
const area = document.getElementById("mdn-circle");
area.hash; // '#ExampleSection'
| Specification |
|---|
| HTML> # dom-hyperlink-hash-dev> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
hash |
1 | 12 | 1From Firefox 29 to Firefox 40, the returned value was incorrectly percent-decoded. |
15 | 1 | 18 | 4From Firefox for Android 29 to Firefox for Android 40, the returned value was incorrectly percent-decoded. |
14 | 1 | 1.0 | 4.4 | 1 |
HTMLAreaElement interface it belongs to.
© 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/hash