Proprietà childNodes

La proprietà childNodes contiene una pseudo-array dei nodi figli dell'elemento (tag, commenti e nodi di testo).

Sintassi

elemento.childNodes;

Otteniamo tutti i nodi figli dell'elemento e visualizziamo il loro contenuto:

<div id="parent">testo<p>paragrafo</p></div>

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

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

Visualizziamo il contenuto del primo nodo:

<div id="parent">testo<p>paragrafo</p></div>

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

Risultato dell'esecuzione del codice:

'testo'

Visualizziamo il contenuto del nodo numero 2:

<div id="parent">testo<p>paragrafo</p></div>

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

Risultato dell'esecuzione del codice:

'commento'