Proprietatea childNodes

Proprietatea childNodes stochează un pseudo-array al nodurilor copil ale elementului (tag-uri, comentarii și noduri text).

Sintaxă

element.childNodes;

Să obținem toate nodurile copil ale elementului și să afișăm conținutul lor:

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

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

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

Să afișăm conținutul primului nod:

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

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

Rezultatul executării codului:

'text'

Să afișăm conținutul nodului cu numărul 2:

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

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

Rezultatul executării codului:

'com'