Propriété children

La propriété children stocke une pseudo-collection d'éléments enfants. Les éléments enfants sont toutes les balises directement situées à l'intérieur du bloc.

Syntaxe

javascriptélément.children;

Exemple

Parcourons dans une boucle tous les descendants de l'élément et affichons leur contenu :

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
  <p>4</p>
  <p>5</p>
</div>
javascriptlet parent = document.querySelector('#parent');
let elems = parent.children;

for (let elem of elems) {
  console.log(elem.textContent);
}

Voir aussi

  • la propriété childNodes,
    qui contient une pseudo-collection de nœuds