Javascript - 子节点计数

Question

<ul>
    <li>Array1</li>
    <li>Array2</li>
    <li id="element">Array3</li>
</ul>
<script>
   var temp = document.getElementById('element').parentNode;
   child = temp.childNodes;
   console.log(temp.length);
</script>

我需要使用元素 id 获取子节点长度。我的代码返回 7，但我只有 3 个节点。

Answer 1

childNodes 获取所有现有childNodes，包括文本节点!在您的示例标记中，您有 3 个“常规节点”和 4 个文本节点(换行符)，总共有 7 个子节点。

您想要的是 .children.length 或 .childElementCount (IE <9 不支持)仅获取“实际”节点:

let temp = document.getElementById('element').parentNode;
console.log(temp.children.length);
// or the following
console.log(temp.childElementCount);