Exemple
Obtenez une collection de <body> enfant de l' élément nœuds:
var c =
document.body.childNodes; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
La propriété childNodes retourne une collection de nœuds enfants d'un nœud, comme un objet NodeList.
Les nœuds de la collection sont classés comme ils apparaissent dans le code source et sont accessibles par des numéros d'index. L'indice commence à 0.
Remarque: à l' intérieur des éléments est Whitespace considéré comme le texte, et le texte est considéré comme nœuds. Les commentaires sont également considérés comme des nœuds.
Astuce: Vous pouvez utiliser la longueur propriété de l'objet NodeList pour déterminer le nombre de nœuds enfants, alors vous pouvez boucle à travers tous les nœuds enfants et d' extraire les informations que vous voulez.
Cette propriété est en lecture seule.
Astuce: Pour revenir une collection d'un des noeuds d'élément de noeud (excluding text and comment nodes) à l' (excluding text and comment nodes) des (excluding text and comment nodes) , utilisez les enfants propriété.
Astuce: .childNodes élément [0] produira le même résultat que la firstChild propriété.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| childNodes | Oui | Oui | Oui | Oui | Oui |
Syntaxe
element .childNodesDétails techniques
| Valeur de retour: | Un objet NodeList, représentant une collection de noeuds. Les noeuds dans la collection retournée sont classés comme ils apparaissent dans le code source |
|---|---|
| version DOM | Niveau de base 1 Élément objet |
autres exemples
Exemple
Découvrez combien de nœuds enfants un <div> élément a:
var c =
document.getElementById("myDIV").childNodes.length;Le résultat de c sera:
5 Essayez vous - même » Exemple
Changer la couleur de fond du second noeud enfant (index 1) d'un <div> élément:
var c = document.getElementById("myDIV").childNodes;
c[1].style.backgroundColor = "yellow"; Essayez vous - même » Exemple
Obtenez le texte du troisième noeud enfant (index 2) d'un <select> élément:
var c = document.getElementById("mySelect").childNodes[2].text;Le résultat de c sera:
Saab Essayez vous - même » Pages associées
Référence HTML DOM: nœud. propriété firstChild
Référence HTML DOM: nœud. propriété lastChild
Référence HTML DOM: nœud. propriété parentNode
Référence HTML DOM: nœud. propriété nextSibling
Référence HTML DOM: nœud. propriété previousSibling
Référence HTML DOM: nœud. nodeName propriété