HTML DOM children 属性

Objet Element HTML DOM

children子属性返回一个活动的HTMLCollection，它包含指定父元素的所有子元素。

集合中的元素按照它们在源代码中出现的顺序进行排序。

您可以使用索引号访问集合中的各个子元素，并且索引从0开始。

使用length属性确定子元素的数量，然后可以遍历所有子元素。

注意：如果父元素没有子元素，则子元素是一个长度为0的空列表。

此属性与childNodes区别在于，childNodes包含所有节点，包括文本节点和注释节点，而子节点仅包含元素节点。

语法：

ParentElement.children

var list = document.body.children;

Compatibilité du navigateur

Les nombres dans le tableau indiquent la version du navigateur qui prend en charge pleinement la propriété children :

Détails techniques

Plus d'exemples

Trouver combien d'éléments fils l'élément DIV a :

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

Modifier le texte du deuxième élément fils (index1] de la couleur de fond :

var parent = document.querySelector("div");
var list = parent.children;
list[1].style.backgroundColor = "coral";

Modifier le texte du premier élément fils (index 0) de l'élément DIV :

var parent = document.querySelector("div");
var list = parent.children;
list[0].innerHTML = "HELLO WORLD";

Objet Element HTML DOM