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 DOM(文档对象模型)中,HTML 文档是包含子节点(或不包含)的节点集合。
节点 是元素节点、文本节点和注释节点。
元素之间的空格也是文本节点。
元素 仅是元素节点。
childNodes 与 children
childNodes 返回子节点(元素节点、文本节点和注释节点)。
children 返回子元素(不包括文本节点和注释节点)。
同级节点与元素同级节点
同级节点 是“兄弟”和“姐妹”。
同级节点 是具有相同父节点的节点(在同一个 childNodes 列表中)。
元素同级节点 是具有相同父节点的元素(在同一个 children 列表中)。
语法
element.childElementCount
返回值
类型 | 描述 |
数字 | 元素的子元素数量 |
浏览器支持
element.childElementCount
是 DOM Level 3 (2004) 的功能。
它在所有现代浏览器中得到完全支持
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |