DOMTokenList: keys() 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 keys() Methode des DOMTokenList-Interfaces
gibt einen iterator zurück, der das Durchlaufen aller in diesem Objekt enthaltenen Schlüssel ermöglicht.
Die Schlüssel sind vorzeichenlose ganze Zahlen.
Syntax
keys()
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 rufen dann einen Iterator ab, der die Schlüssel enthält, indem wir keys() verwenden,
und iterieren durch diese Schlüssel mit einer for...of Schleife,
wobei wir jeden einzelnen an den Node.textContent des <span> schreiben.
Zuerst das HTML:
<span class="a b c"></span>
Jetzt das JavaScript:
const span = document.querySelector("span");
const classes = span.classList;
const iterator = classes.keys();
for (let value of iterator) {
span.textContent += `(${value}) `;
}
Die Ausgabe sieht folgendermaßen aus: