This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2016.
The HTMLAreaElement.rel property reflects the rel attribute. It is a string containing a space-separated list of link types indicating the relationship between the resource represented by the <area> element and the current document.
A string.
const areas = document.getElementsByTagName("area");
for (const area of areas) {
console.log(`Rel: ${area.rel}`);
}
| Specification |
|---|
| HTML> # dom-area-rel> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
rel |
54 | 12 | 30 | 41 | 9 | 54 | 30 | 41 | 9 | 6.0 | 54 | 9 |
<a> and <link>, HTMLAnchorElement.rel and HTMLLinkElement.rel.HTMLAreaElement.relList
© 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/rel