HTMLAnchorElement: relList-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2018 browserübergreifend verfügbar.
Die schreibgeschützte Eigenschaft relList von HTMLAnchorElement gibt ein aktives DOMTokenList-Objekt zurück. Es enthält die Linktypen, die die Beziehung zwischen der durch das <a>-Element repräsentierten Ressource und dem aktuellen Dokument angeben.
Sie spiegelt das rel-Inhaltsattribut des <a>-Elements wider.
Wert
Ein aktives DOMTokenList-Objekt.
Die Eigenschaft relList ist insofern schreibgeschützt, als Sie das DOMTokenList-Objekt nicht ersetzen können. Sie können relList dennoch direkt einen Wert zuweisen. Dies entspricht einer Zuweisung an die Eigenschaft value. Sie können das DOMTokenList-Objekt außerdem 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
| Spezifikation |
|---|
| HTML # dom-a-rellist |
Browser-Kompatibilität
Siehe auch
- Die entsprechenden Eigenschaften von
<area>und<link>:HTMLAreaElement.relListundHTMLLinkElement.relList. - Dieselbe Liste als durch Leerzeichen getrennte Tokens in einem String:
HTMLAnchorElement.rel