Élément HTML DOM childNodes
L'objet élémentExemple
Obtenez les nœuds enfants de l'élément <body> :
const nodeList = document.body.childNodes;
Plus d'exemples ci-dessous.
Définition et utilisation
La childNodespropriété renvoie une collection (liste) des nœuds enfants d'un élément.
La childNodespropriété renvoie un objet NodeList.
La childNodespropriété est en lecture seule.
Noter
Les espaces à l'intérieur des éléments sont considérés comme des nœuds de texte.
Les commentaires sont également considérés comme des nœuds.
childNodes[0]est le même que firstChild.
Une différence
La childNodespropriété renvoie tous les nœuds enfants , y compris les nœuds de texte et les nœuds de commentaire, tandis que la childrenpropriété ne renvoie que les éléments enfants .
Voir également:
Liste de nœuds
Une NodeList est une collection (liste) de type tableau d'objets nœuds.
Une NodeList a une propriété length qui renvoie le nombre de nœuds dans la liste.
Les nœuds sont accessibles par des numéros d'index. L'indice commence à 0.
Syntaxe
element.childNodes
Valeur de retour
| Taper | La description |
| Objet | Une collection d'objets NodeList de nœuds. Les nœuds sont triés tels qu'ils apparaissent dans le document. |
Plus d'exemples
Le nombre de nœuds enfants dans un élément <div> :
let numb = document.getElementById("myDIV").childNodes.length;
Modifiez la couleur d'arrière-plan du deuxième nœud enfant :
document.getElementById("myDIV").childNodes[1].style.backgroundColor = "yellow";
Obtenez le texte du troisième nœud enfant d'un élément <select> :
let text = document.getElementById("mySelect").childNodes[2].text;
Pages connexes
La propriété parentNode de l'élément
La propriété nextSibling de l'élément
Prise en charge du navigateur
element.childNodesest 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