# 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.

←→
↑
en ru