This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.
The HTMLAreaElement.relList read-only property reflects the rel attribute. It is a live DOMTokenList containing the set of link types indicating the relationship between the resource represented by the <area> element and the current document.
The property itself is read-only, meaning you can't substitute the DOMTokenList by another one, but the content of the returned list can be changed.
A live DOMTokenList of strings.
const areas = document.getElementsByTagName("area");
for (const area of areas) {
console.log("New area found.");
area.relList.forEach((relValue) => {
console.log(relValue);
});
}
| Specification |
|---|
| HTML> # dom-area-rellist> |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
relList |
65 | 18 | 30 | 41 | 9 | 65 | 30 | 41 | 9 | 9.0 | 65 | 9 |
<a> and <link>, HTMLAnchorElement.relList and HTMLLinkElement.relList.HTMLAreaElement.rel
© 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/relList