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, der es Ihnen ermöglicht, alle Schlüssel/Wert-Paare in diesem Objekt zu durchlaufen. Die Werte sind
Arrays, die [Schlüssel, Wert] Paare enthalten, von denen jedes einen einzelnen Token darstellt.
Syntax
entries()
Parameter
Keine.
Rückgabewert
Gibt einen Iterator zurück.
Beispiele
Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem
<span> Element als DOMTokenList gesetzt sind, indem wir
Element.classList verwenden. Wir erhalten dann einen Iterator mit den Schlüssel/Wert-Paaren mit entries(), und iterieren durch jedes Paar mit einer
for...of Schleife, um sie in das
<span>'s Node.textContent zu schreiben.
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: