Propriété childNodes

La propriété childNodes contient un pseudo-tableau des nœuds enfants de l'élément (balises, commentaires et nœuds textuels).

Syntaxe

javascriptélément.childNodes;

Exemple

Récupérons tous les nœuds enfants de l'élément et affichons leur contenu :

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

Exemple

Affichons le contenu du premier nœud :

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

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

Résultat de l'exécution du code :

javascript'text'

Exemple

Affichons le contenu du nœud numéro 2 :

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

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

Résultat de l'exécution du code :

javascript'com'

Voir aussi