NodeList: forEach()-Methode

callback

Eine Funktion, die für jedes Element von someNodeList ausgeführt wird. Sie akzeptiert 3 Parameter:

currentValue

Das aktuelle Element, das in someNodeList verarbeitet wird.

currentIndex Optional

Der Index des currentValue, das in someNodeList verarbeitet wird.

listObj Optional

Die someNodeList, auf die forEach() angewendet wird.

thisArg Optional

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

undefined.

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

• Polyfill von NodeList.prototype.forEach in core-js
• Node
• NodeList