DOMTokenList: values()-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 values()-Methode des DOMTokenList-Interfaces
gibt einen iterator
zurück, der es dem Aufrufer ermöglicht, alle im DOMTokenList enthaltenen Werte zu durchlaufen.
Die einzelnen Werte sind Zeichenketten.
Syntax
values()
Parameter
Keine.
Rückgabewert
Gibt einen iterator zurück.
Beispiele
Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf ein
<span>-Element gesetzt sind, als ein DOMTokenList unter Verwendung von
Element.classList. Wir erhalten dann einen Iterator, der die Werte mithilfe von values() enthält, und iterieren durch diese Werte mit einer for...of-Schleife,
wobei jeder einzeln auf 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.values();
for (const value of iterator) {
span.textContent += `(${value}) `;
}
Die Ausgabe sieht so aus: