HTML DOM 元素 childElementCount

<div> 元素的子元素数量：

let numb = document.getElementById("myDIV").childElementCount;

childElementCount 返回与 Children.length 相同的值：

let numb = document.getElementById("myDIV").children.length;

描述

这个childElementCount属性返回元素的子元素数量。

这个childElementCount属性返回相同children.length。

这个childElementCount是只读的。

返回值是孩子的数量元素，而不是子节点的数量（如文本和注释节点）。

在里面HTML 文档对象模型（文档对象模型），HTML 文档是带有（或不带有）子节点的节点的集合。

节点分别是元素节点、文本节点和注释节点。

元素之间的空白也是文本节点。

元素只是元素节点。

子节点返回孩子节点（元素节点、文本节点和注释节点）。

孩子们返回孩子元素（不是文本和注释节点）。

兄弟姐妹是"brothers" 和"sisters"。

兄弟姐妹是具有相同父节点的节点（在同一子节点列表）。

元素兄弟姐妹是具有相同父级的元素（在同一孩子们列表）。

element.childElementCount

类型	描述
数字	该元素的子元素数量

element.childElementCount是 DOM Level 3 (2004) 功能。

所有现代浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	11