如何解决JavaScript DOM childNodes.length也返回文本节点的数量
|| 在JavaScript DOM中,childNodes.length返回元素和文本节点的数目。有什么方法可以只计算仅元素子节点的数量? 例如,when1的childNodes.length
将返回6,这是我期望的2:
<div id=\"posts\">
<!-- some comment -->
<!-- another comment -->
<div>an element node</div>
<!-- another comment -->
<span>an element node</span>
a text node
</div>
解决方法
不直接。文本节点(包括注释等)是子节点。
最好的选择是遍历childNodes数组,并仅对带有
nodeType == Node.ELEMENT_NODE
的那些节点进行计数。 (并编写一个函数来这样做。)
, 您可以使用Element.children
,但是IE(最多8个)似乎也考虑了注释节点。
, 您可以按Node.nodeType进行过滤(Mozilla的文档,因为我认为这是一个很好的资源)。
, 您可以使用document.querySelectorAll(\'#posts > *\')
:
var children = document.querySelectorAll(\'#posts > *\');
console.log(\'Number of children: \' + children.length);
<div id=\"posts\">
<!-- some comment -->
<!-- another comment -->
<div>an element node
<span>a grand-child node</span>
</div>
<!-- another comment -->
<span>an element node</span>
a text node
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。