NodeList: 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 NodeList Schnittstelle ruft die im Parameter übergebene Rückruffunktion einmal für jedes Wertpaar in der Liste in Einfügereihenfolge auf.
Syntax
js
forEach(callback)
forEach(callback, thisArg)
Parameter
callback-
Eine Funktion, die auf jedes Element der
someNodeListangewendet wird. Sie akzeptiert 3 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-
Wert, der als
thisverwendet wird, wenncallbackausgeführt 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 führt zu folgendem Ergebnis:
[object HTMLParagraphElement], 0, myThisArg [object Text], 1, myThisArg [object HTMLSpanElement], 2, myThisArg
Spezifikationen
| Specification |
|---|
| DOM # interface-nodelist |
Browser-Kompatibilität
Loading…