NodeList: 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 Methode forEach() des Interfaces NodeList ruft die als Parameter übergebene Callback-Funktion für jedes Element der Liste einmal auf, und zwar in der Reihenfolge, in der die Elemente eingefügt wurden.
Syntax
js
forEach(callback)
forEach(callback, thisArg)
Parameter
callback-
Eine Funktion, die für jedes Element von
someNodeListausgeführt wird. Sie akzeptiert drei Parameter:currentValue-
Das aktuelle Element, das in
someNodeListverarbeitet wird. currentIndexOptional-
Der Index des
currentValue, das insomeNodeListverarbeitet wird. listObjOptional-
Die
someNodeList, auf dieforEach()angewendet wird.
thisArgOptional-
Der Wert, der beim Ausführen von
callbackalsthisverwendet wird.
Rückgabewert
Beispiel
js
const node = document.createElement("div");
const kid1 = document.createElement("p");
const kid2 = document.createTextNode("hey");
const kid3 = document.createElement("span");
node.appendChild(kid1);
node.appendChild(kid2);
node.appendChild(kid3);
const list = node.childNodes;
list.forEach(function (currentValue, currentIndex, listObj) {
console.log(`${currentValue}, ${currentIndex}, ${this}`);
}, "myThisArg");
Der obige Code liefert folgendes Ergebnis:
[object HTMLParagraphElement], 0, myThisArg [object Text], 1, myThisArg [object HTMLSpanElement], 2, myThisArg
Spezifikationen
| Spezifikation |
|---|
| DOM # interface-nodelist |