DOMTokenList: `values()`-Methode
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Oktober 2017.
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:
Spezifikationen
This feature does not appear to be defined in any specification.Browser-Kompatibilität
Loading…