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 der Schnittstelle DOMTokenList gibt einen iterator zurück, mit dem Sie alle in diesem Objekt enthaltenen Schlüssel durchlaufen können. 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 Klassen eines <span>-Elements mithilfe von Element.classList als DOMTokenList ab. Anschließend rufen wir mit keys() einen Iterator für die Schlüssel ab und durchlaufen diese mit einer for...of-Schleife. Dabei schreiben wir jeden Schlüssel in die Eigenschaft 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.keys();
for (let value of iterator) {
span.textContent += `(${value}) `;
}
Die Ausgabe sieht so aus:
Spezifikationen
| Spezifikation |
|---|
| DOM # interface-domtokenlist |