DOMTokenList: entries()-Methode
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 entries()-Methode der DOMTokenList-Schnittstelle 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 [Schlüssel, Wert]-Paaren, die jeweils ein einzelnes Token darstellen.
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 den Node.textContent 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 |