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 Methode values() der Schnittstelle DOMTokenList gibt einen iterator zurück, mit dem sich alle in der DOMTokenList enthaltenen Werte durchlaufen lassen. Die einzelnen Werte sind Zeichenfolgen.
Syntax
values()
Parameter
Keine.
Rückgabewert
Gibt einen iterator zurück.
Beispiele
Im folgenden Beispiel rufen wir die Liste der für ein <span>-Element festgelegten Klassen mithilfe von Element.classList als DOMTokenList ab. Anschließend rufen wir mit values() einen Iterator für die Werte ab und durchlaufen sie mit einer for...of-Schleife. Dabei schreiben wir jeden Wert in 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.values();
for (const value of iterator) {
span.textContent += `(${value}) `;
}
Die Ausgabe sieht so aus:
Spezifikationen
| Spezifikation |
|---|
| DOM # interface-domtokenlist |