Enfants de l'élément HTML DOM
L'objet élémentExemple
Obtenez une collection des enfants de l'élément <body> :
const collection = document.body.children;
Plus d'exemples ci-dessous.
Définition et utilisation
La children
propriété renvoie une collection d'éléments enfants d'un élément.
La children
propriété renvoie un objet HTMLCollection.
Une différence
La childNodes
propriété renvoie tous les nœuds enfants , y compris les nœuds de texte et les nœuds de commentaire, tandis que la children
propriété ne renvoie que les éléments enfants .
Voir également:
La propriété de l'élément childNodes
Collection HTML
Une HTMLCollection est une collection de nœuds HTML.
Les nœuds d'une collection sont accessibles par des numéros d'index. L'indice commence à 0.
La propriété length renvoie le nombre d'éléments dans la collection.
Syntaxe
element.children
Valeur de retour
Taper | La description |
Objet | Un objet HTMLCollection. La collection de nœuds d'éléments. Les éléments sont triés tels qu'ils apparaissent dans le document. |
Plus d'exemples
Découvrez combien d'enfants un élément <div> a :
var c =
document.getElementById("myDIV").children.length;
Modifiez la couleur d'arrière-plan du deuxième élément enfant d'un élément <div> :
var c = document.getElementById("myDIV").children;
c[1].style.backgroundColor = "yellow";
Obtenez le texte du troisième élément enfant (index 2) d'un élément <select> :
var c = document.getElementById("mySelect").children[2].text;
Parcourez tous les enfants de <body> et changez leur couleur d'arrière-plan en rouge :
var c = document.body.children;
var i;
for (i = 0; i < c.length; i++) {
c[i].style.backgroundColor = "red";
}
Pages connexes
Référence HTML DOM : propriété childNodes
Prise en charge du navigateur
element.children
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |
L'objet élément