如何使用 Javascript 获得 children 的确切数量

Question

当其中一个 children 包含 child1 和 child2 的属性时，如何将所有 children 变为 object。

HTML:

<div id="parent1">
  <div class="child1"></div>
  <div class="child1 child2"></div>
  <div class="child2"></div>
  <div class="child2"></div>
</div>

Javascript:

var El = document.getElementById("parent1").children;
console.log(El.length);

控制台显示数字5。我期望的元素数量是4。

Answer 1

对我来说，您的输入返回了 4，正如预期的那样。虽然我不知道与您的文字有什么不同，但这里有一个 fiddle：http://jsfiddle.net/rht670/9ayjvs4w/.

var El = document.getElementById("parent1").children;
console.log(El.length);

div {
    min-width: 100px;
    min-height: 100px;
    border: solid 1px black;
}

<div id="parent1">
  <div class="child1"></div>
  <div class="child1 child2"></div>
  <div class="child2"></div>
  <div class="child2"></div>
</div>

How to get the exact number of children with Javascript