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 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

js
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:

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

Nun 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