DOMTokenList: forEach()-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 forEach()-Methode der DOMTokenList-Schnittstelle ruft den im Parameter angegebenen Callback einmal für jedes Wertpaar in der Liste auf, in der Einfügereihenfolge.

Syntax

js
forEach(callback)
forEach(callback, thisArg)

Parameter

callback

Die Funktion, die für jedes Element ausgeführt wird und schließlich drei Argumente annimmt:

currentValue

Das aktuelle Element, das im Array verarbeitet wird.

currentIndex

Der Index des aktuellen Elements, das im Array verarbeitet wird.

listObj

Das Array, auf das forEach() angewendet wird.

thisArg Optional

Der Wert, der als this beim Ausführen von callback verwendet wird.

Rückgabewert

Keiner.

Beispiel

Im folgenden Beispiel rufen wir die Liste der auf einem <pre>-Element gesetzten Klassen als DOMTokenList ab, indem wir Element.classList verwenden. Danach holen wir einen Iterator, der die Werte mithilfe von forEach() enthält, und schreiben jeden Wert in das <pre>- Node.textContent innerhalb der forEach()-Funktion.

HTML

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

JavaScript

js
const pre = document.querySelector("pre");
const classes = pre.classList;
const iterator = classes.values();

classes.forEach(function (value, key, listObj) {
  pre.textContent += `(${value} ${key})/${this}\n`;
}, "arg");

Ergebnis

Spezifikationen

No specification found

No specification data found for api.DOMTokenList.forEach.
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

Siehe auch