Propriété childNodes du HTML DOM

Objet Element HTML DOM

childNodesPropriété en lecture seule qui retourne la collection de sous-nœuds du élément donné, où l'index du premier sous-nœud est 0.

Les nœuds dans la collection sont triés selon leur ordre d'apparition dans le code source, et peuvent être accédés via leur numéro d'index.

Utilisez la propriété length pour déterminer le nombre de sous-nœuds, puis vous pouvez parcourir tous les sous-nœuds et extraire l'information nécessaire.

Les espaces blancs à l'intérieur des éléments sont considérés comme du texte, et le texte est considéré comme un nœud. Les commentaires sont également considérés comme des nœuds.

Pour obtenir une collection d'éléments uniquement (sans inclure les nœuds de texte et de commentaire), utilisezchildrenPropriété.

nodeSi .childNodes[0] produit le même résultatfirstChildPropriété.

Syntaxe :

node.childNodes

var list = document.body.childNodes;

Compatibilité du navigateur

Tous les navigateurs prennent en charge intégralement la propriété childNodes :

Détails techniques

Plus d'exemples

Trouver combien de noeuds enfants le DIV a :

var len = document.querySelector("div").childNodes.length;

Modifier le deuxième élément enfant du DIV (index1）Couleur de fond :

var nodes = document.querySelector("div").childNodes;
nodes[1nodes[.style.backgroundColor = "coral";]

Références associées

Référence HTML DOM :node propriété .firstChild

Référence HTML DOM :nodepropriété .lastChild

Référence HTML DOM :nodepropriété .parentNode

Référence HTML DOM :nodepropriété .nextSibling

Référence HTML DOM :nodepropriété .previousSibling

Référence HTML DOM :nodepropriété .nodeName

Objet Element HTML DOM