Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

Element.children

Baseline Widely available

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis ⁨juillet 2015⁩.

La propriété en lecture seule children renvoie une collection dynamique HTMLCollection qui contient les éléments enfants de l'élément courant (celui sur lequel elle a été appelée).

Element.children contient uniquement des nœuds qui sont des éléments. Pour obtenir l'ensemble des enfants, y compris les nœuds qui ne sont pas des éléments comme les textes et les commentaires, il faudra utiliser Node.childNodes.

Valeur

Un objet HTMLCollection qui est une collection dynamique et ordonnée des éléments du DOM qui sont les éléments enfants de l'élément courant. Il est possible d'accéder aux nœuds enfants de la collection en utilisant la méthode item() de la collection ou en utilisant la notation avec les crochets (à l'instar de l'accès aux éléments d'un tableau en JavaScript).

Si l'élément n'a pas d'enfant, children sera une liste vide avec length qui vaut 0.

Exemples

js
const monElement = document.getElementById("toto");
for (let i = 0; i < monElement.children.length; i++) {
  console.log(monElement.children[i].tagName);
}

Spécifications

Specification
DOM
# ref-for-dom-parentnode-children①

Compatibilité des navigateurs

Voir aussi