DOMTokenList: Methode entries()
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Oktober 2017 browserübergreifend verfügbar.
Die Methode entries() der Schnittstelle DOMTokenList gibt einen iterator zurück, mit dem Sie alle in diesem Objekt enthaltenen Schlüssel-Wert-Paare durchlaufen können. Die Werte sind Arrays mit Paaren der Form [Schlüssel, Wert], die jeweils ein einzelnes Token repräsentieren.
Syntax
entries()
Parameter
Keine.
Rückgabewert
Gibt einen iterator zurück.
Beispiele
Im folgenden Beispiel rufen wir die Liste der für ein <span>-Element festgelegten Klassen mithilfe von Element.classList als DOMTokenList ab. Anschließend rufen wir mit entries() einen Iterator mit den Schlüssel-Wert-Paaren ab und durchlaufen diese mit einer for...of-Schleife. Dabei schreiben wir sie in die Node.textContent-Eigenschaft des <span>-Elements.
Zuerst das HTML:
<span class="a b c"></span>
Nun das JavaScript:
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.entries();
for (const value of iterator) {
span.textContent += `(${value})`;
}
Die Ausgabe sieht so aus:
Spezifikationen
| Spezifikation |
|---|
| DOM # interface-domtokenlist |