The HTMLAnchorElement.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 <a> element and the current document.
The property itself is read-only, meaning you can't substitute the DOMTokenList with another one, but its contents can still be changed.
A live DOMTokenList of strings.
js
const anchors = document.getElementsByTagName("a");
for (const anchor of anchors) {
const list = anchor.relList;
console.log(
`New anchor node found with ${list.length} link types in relList.`,
);
list.forEach((relValue) => {
console.log(relValue);
});
}
| Specification |
|---|
| HTML Standard # dom-a-rellist |
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
relList |
65 | 18 | 30 | No | 52 | 9 | 65 | 65 | 30 | 47 | 9 | 9.0 |
<area> and <link>, HTMLAreaElement.relList and HTMLLinkElement.relList.HTMLAnchorElement.rel© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement/relList