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 Oktober 2017.
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");
Ergebnis
Spezifikationen
This feature does not appear to be defined in any specification.Browser-Kompatibilität
Loading…