获取parentNode（...）孩子的所有孩子

Question

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

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

如果在HTML中你有一个有两个孩子的DIV（比如说div），你可以说.childElementCount会导致2.要访问它们你可以说.children [0]和孩子[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>