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

Question

Good morning, or in other words: "Hello World".

This may sound like a stupid beginners question but am not sure if I just missed something:

If in HTML you have a DIV with two children (say div as well) you can say .childElementCount will result in 2. To access them you can say .children[0] and children[1]

But, if the children also have children and those also have children..... How can I determine the total amount of elements within a DOM Node?

Do I really need to check for "hasChildren" or is there an easy way to get all sub and sub-sub-elements for a specific dom element which I missed?

Answer 1

You can use querySelectorAll with * as it will select all the DOM elements inside it. Then count the elements using .length property.

 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>