HTMLAnchorElement: relList-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Oktober 2018.
Die schreibgeschützte relList-Eigenschaft des HTMLAnchorElement liefert ein live DOMTokenList-Objekt, das die Menge der Linktypen enthält, die die Beziehung zwischen der Ressource, die durch das <a>-Element repräsentiert wird, und dem aktuellen Dokument angeben. Sie spiegelt das rel-Inhaltsattribut des <a>-Elements wider.
Wert
Ein live DOMTokenList-Objekt.
Obwohl die relList-Eigenschaft an sich insofern schreibgeschützt ist, dass Sie das DOMTokenList-Objekt nicht ersetzen können, können Sie dennoch direkt der relList-Eigenschaft zuweisen, was dem Zuweisen zu dessen value-Eigenschaft entspricht. Sie können das DOMTokenList-Objekt auch mit den Methoden add(), remove(), replace() und toggle() ändern.
Beispiele
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);
});
}
Spezifikationen
| Specification |
|---|
| HTML # dom-a-rellist |
Browser-Kompatibilität
Siehe auch
- Die äquivalente Eigenschaft auf
<area>und<link>,HTMLAreaElement.relListundHTMLLinkElement.relList. - Die gleiche Liste, allerdings als durch Leerzeichen getrennte Tokens in einem String:
HTMLAnchorElement.rel