Proprietà childNodes

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

Sintassi

javascriptelemento.childNodes;

Esempio

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

html<div id="parent">testo<p>paragrafo</p><!--commento--></div>

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

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

Esempio

Visualizziamo il contenuto del primo nodo:

html<div id="parent">testo<p>paragrafo</p><!--commento--></div>

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

Risultato dell'esecuzione del codice:

javascript'testo'

Esempio

Visualizziamo il contenuto del nodo numero 2:

html<div id="parent">testo<p>paragrafo</p><!--commento--></div>

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

Risultato dell'esecuzione del codice:

javascript'commento'

Vedi anche