DOMTokenList: forEach() 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 forEach() Methode der DOMTokenList Schnittstelle führt die im Parameter angegebene Rückruffunktion einmal für jedes Wertpaar in der Liste in der Einfügereihenfolge aus.
Syntax
forEach(callback)
forEach(callback, thisArg)
Parameter
callback-
Die Funktion, die für jedes Element ausgeführt wird, nimmt schließlich drei Argumente entgegen:
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.
thisArgOptional-
Der Wert, der als
thisverwendet wird, wenncallbackausgeführt wird.
Rückgabewert
Keiner.
Beispiel
Im folgenden Beispiel rufen wir die Liste der Klassen ab, die auf einem <pre>-Element mittels DOMTokenList gesetzt sind, unter Verwendung von Element.classList. Dann erhalten wir einen Iterator, der die Werte enthält, indem er forEach() verwendet, und schreiben jede in das <pre>s Node.textContent innerhalb der forEach()-inneren Funktion.
HTML
<pre class="a b c"></pre>
JavaScript
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");