HTML DOM Element childElementCount 属性

定义和用法

childElementCount 属性返回元素的子元素数。

childElementCount 属性返回与 children.length 相同的值。

childElementCount 是只读的。

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

HTML 节点与元素

在 HTML DOM（文档对象模型）中，HTML 文档是拥有（或没有）子节点的节点集合。

节点指的是元素节点、文本节点和注释节点。

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

而元素只是元素节点。

子节点与子元素

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

children 返回子元素（而非文本和注释节点）。

同胞与元素同胞

同胞是“兄弟”和“姐妹”。

同胞是拥有相同父节点的节点（在相同的 childNodes 列表中）。

元素同胞是拥有相同父元素的元素（在相同的 children 列表中）。

实例

例子 1

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

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

亲自试一试

例子 2

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

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

亲自试一试

语法

element.childElementCount

返回值

浏览器支持

element.childElementCount 是 DOM Level 3 (2004) 特性。

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