html dom childelementcount 属性是一个只读属性，它返回给定元素的子元素数量。 childelementcount 的返回类型是 unsigned long。它只会返回所查询节点的子元素，而不是 html 文档的所有子节点。
语法以下是 childelementcount 属性的语法 -node.childelementcount
示例让我们看一个 html dom childelementcount 属性的示例 -
<!doctype html><html><head><style> div { border: 2px solid blue; margin: 7px; padding-left:20px; }</style></head><body><p>click the button below to find out the no of children of the div element</p><button onclick="childcount()">count</button><div id="mydiv"><h3>heading</h3><p>first p element</p><p>second p element</p></div><p id="sample"></p><script> function childcount() { var x = document.getelementbyid("mydiv").childelementcount; document.getelementbyid("sample").innerhtml = "the div element has "+x+" children"; }</script></body></html>
输出这将产生以下输出 -
单击“计数”按钮时 -
在上面的示例中 -
我们创建了一个 id 为“mydiv”的 元素以及其中的三个元素。两个 元素和一个 标头。我们还为 div 添加了彩色边框、边距和填充，以将其与其他元素区分开来 -
div { border: 2px solid blue; margin: 7px; padding-left:20px;}<div id="mydiv"><h3>heading</h3><p>first p element</p><p>second p element</p></div>
然后我们创建了一个按钮 count，它将在单击时执行 childcount() 方法。
<button onclick="childcount()">count</button>
childcount() 方法获取 id 为“mydiv”的元素（在我们的示例中为 ）元素，并将其 childelementcount 属性值分配给变量 x。由于 中有两个 元素和一个 元素，因此 childelementcount 返回 3。
返回的值然后使用 innerhtml 显示在 id 为“sample”的段落中段落中的 () 方法 -
function childcount() { var x = document.getelementbyid("mydiv").childelementcount; document.getelementbyid("sample").innerhtml = "the div element has "+x+" children";}
以上就是html dom childelementcount 属性childelementcount 属性返回指定元素的子元素数量（不包括文本节点和注释节点）。语法：element.childelementcount示例：var div = document.getelementbyid("mydiv");var count = div.childelementcou的详细内容。