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 July 2015.

Die values() Methode der DOMTokenList Schnittstelle gibt einen iterator zurück, der es dem Aufrufer ermöglicht, alle in der DOMTokenList enthaltenen Werte zu durchlaufen. Die einzelnen Werte sind Zeichenketten.

Syntax

js
tokenList.values()

Parameter

Keine.

Rückgabewert

Gibt einen iterator zurück.

Beispiele

Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem <span>-Element als DOMTokenList festgelegt sind, indem wir Element.classList verwenden. Wir rufen dann einen Iterator ab, der die Werte mittels values() enthält, und iterieren durch diese Werte mit einer for...of Schleife, wobei jeder Wert in die Node.textContent des <span> geschrieben wird.

Zuerst das HTML:

html
<span class="a b c"></span>

Jetzt das JavaScript:

js
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

No specification found

No specification data found for api.DOMTokenList.values.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser-Kompatibilität

BCD tables only load in the browser