childNodes property

The childNodes property stores a pseudo-array of the element's child nodes (tags, comments and text nodes).

Syntax

element.childNodes;

We get all child nodes of an element and display their content:

<div id="parent">text<p>paragraph</p></div>

let parent = document.querySelector('#parent');
let nodes = parent.childNodes;

for (let node of nodes) {
	console.log(node.textContent);
}

Display a contents of the first node:

<div id="parent">text<p>paragraph</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[0].textContent);

The code execution result:

'text'

Let's display the contents of the node with the number 2:

<div id="parent">text<p>paragraph</p></div>

let parent = document.querySelector('#parent');
console.log(parent.childNodes[2].textContent);

The code execution result:

' comment '