用一个类计算div中的元素

Question

我有一个包含大量元素的div。每个元素都有多个类，如class="circle green"或class="square blue"或class="triangle red"。现在我需要按其中一个类计算元素，就像div中有多少个红色元素一样。或者div中有多少个圆圈。我该怎么做？

Answer 1

最简单的方法可能是：

document.getElementsByClassName( 'square' ).length

如果是div，你需要先选择某种方式div。这是一个div有一个id'myDiv'

的例子

document.getElementById( 'myDiv' ).getElementsByClassName( 'square' ).length

您可以在此处找到更多信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName