Propriedade childNodes

A propriedade childNodes armazena uma pseudoarray de nós filhos do elemento (tags, comentários e nós de texto).

Sintaxe

javascriptelemento.childNodes;

Exemplo

Vamos obter todos os nós filhos do elemento e exibir seu conteúdo na tela:

html<div id="parent">text<p>parag</p><!--com--></div>

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

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

Exemplo

Vamos exibir o conteúdo do primeiro nó:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Resultado da execução do código:

javascript'text'

Exemplo

Vamos exibir o conteúdo do nó número 2:

html<div id="parent">text<p>parag</p><!--com--></div>

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

Resultado da execução do código:

javascript'com'

Veja também