Propiedad childNodes

La propiedad childNodes almacena un pseudoarray de nodos hijos del elemento (etiquetas, comentarios y nodos de texto).

Sintaxis

javascriptelemento.childNodes;

Ejemplo

Obtengamos todos los nodos hijos del elemento y mostremos su contenido en pantalla:

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);
}

Ejemplo

Mostremos el contenido del primer nodo:

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

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

Resultado de la ejecución del código:

javascript'text'

Ejemplo

Mostremos el contenido del nodo 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 de la ejecución del código:

javascript'com'

Véase también