javascript - 如何用Javascript获取确切的 child 数量

Question

当其中一个子对象同时包含 child1 和 child2 的属性时，如何将所有子对象获取到一个对象。

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>