获取parentNode(...)孩子的所有孩子

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了获取parentNode(...)孩子的所有孩子相关的知识,希望对你有一定的参考价值。

早上好,或换句话说:“Hello World”。

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

如果在html中你有一个有两个孩子的DIV(比如说div),你可以说.childElementCount会导致2.要访问它们你可以说.children [0]和孩子[1]

但是,如果孩子们还有孩子,那些孩子也有孩子.....我如何确定DOM节点中元素的总量?

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

答案

您可以将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>

以上是关于获取parentNode(...)孩子的所有孩子的主要内容,如果未能解决你的问题,请参考以下文章

使用谓词在 Core Data 中获取父母的所有孩子

获取父母的所有可能的孩子/后代

Diesel 获取单亲和许多孩子 - 火箭

如何在firebase数据库中获取所有孩子的数据?

SQL Recursive:获取孩子的父值

如何从 Firebase android kotlin 获取所有具有特定价值的孩子?