获取parentNode（...）个子级的所有子级od子级

Question

早上好，换句话说：“ Hello World”。

这听起来像是一个愚蠢的初学者问题，但是不确定我是否错过了一些事情：

如果在HTML中有两个孩子的DIV（也称div），则可以说.childElementCount的结果为2。要访问它们，可以说.children [0]和children [1]。

但是，如果子代也有子代，而那些子代也有子.....如何确定DOM节点中元素的总数？

我是否真的需要检查“ hasChildren”，还是有一种简单的方法来获取我错过的特定dom元素的所有子元素和子元素？

Answer 1

您可以将querySelectorAll与*一起使用，因为它将选择其中的所有DOM元素。 然后使用.length属性计数元素。

 var x = document.querySelectorAll("#parent *").length; console.log(x); 

 <div id="parent"> <div> <div> </div> <div> </div> </div> <div> <div> <div> <span></span> </div> </div> </div> </div>