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 der DOMTokenList-Schnittstelle gibt einen iterator zurück, mit dem alle in der DOMTokenList enthaltenen Werte durchlaufen werden können. 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 den Node.textContent des <span>-Elements.
Zuerst das HTML:
<span class="a b c"></span>
Dann 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 |