offline version v3


⊗jsPmNdLI 392 of 502 menu

Loop iteration of nodes in JavaScript

As you should already know, the property children contains all DOM elements that are direct children of this element. There is a similar property childNodes which contains all child nodes of an element.

Let's, for example, use this property to display various nodes from our element:

console.log(elem.childNodes[0]); console.log(elem.childNodes[1]); console.log(elem.childNodes[2]);

And now let's iterate over the nodes of the element in a loop:

for (let node of elem.childNodes) { console.log(node); }

Given a div:

<div id="elem">txt<b>tag</b><!--com-->txt<b>tag</b><!--com--></div>

Loop through all the nodes of this div and print them to the console.

enru