在div中计算元素的类别

我有一个div中包含一堆元素。每个元素有多个类，如class="circle green"或class="square blue"或class="triangle red"。现在我需要通过其中一个类来计算元素，例如div中有多少个红色元素。或者div中有多少个圈子。我怎么做？在div中计算元素的类别

来源

2017-10-16 Igor234

随着querySelectorAll。 – lilezek

你有什么尝试？ – j08691

我的不好，我的坏。我问了一个错误的问题。太困了，对不起。我的意思是我如何找到同一个班级中有多少元素在div中？我想知道是否在div中有两个或多个红色元素。不检查每种可能的颜色，只是复制 – Igor234

最简单的方法可能是：

document.getElementsByClassName('square').length

在格的情况下，你需要先莫名其妙地选择股利。这里就是div有一个id的例子 'myDiv'

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

，你可以在这里找到更多的信息：https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName

来源

2017-10-16 21:49:24

这不是一个解决方案。 – lilezek

我不同意你的看法。它返回给定类的元素数量。你也可以将'getElementsByClassName'应用到DOM中的特定元素，而不仅仅是文档。所以你缩小搜索范围 –

@lilezek为什么这不是一个解决方案？ op想要通过“**这些类的** **”进行计数，所以不需要querySelectorAll – FuzzyTree

在div中计算元素的类别

回答

相关问题