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 es Ihnen ermöglicht, alle in diesem Objekt enthaltenen Schlüssel zu durchlaufen.
Die Schlüssel sind vorzeichenlose Ganzzahlen.
Syntax
keys()
Parameter
Keine.
Rückgabewert
Gibt einen iterator zurück.
Beispiele
Im folgenden Beispiel rufen wir die Liste der auf einem
<span>-Element gesetzten Klassen als DOMTokenList mit
Element.classList ab. Wir rufen dann mit keys() einen Iterator ab, der die Schlüssel enthält,
und iterieren durch diese Schlüssel mit einer for...of Schleife,
wobei jeder Schlüssel in den Node.textContent des <span> geschrieben wird.
Zuerst das HTML:
<span class="a b c"></span>
Nun 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:
Spezifikationen
| Spezifikation |
|---|
| DOM # interface-domtokenlist |