我如何使用vanilla javascript查找具有特定类的子元素的数量

我有一个自动填充api数据的行。api的每个结果都存储在一个div中，该div也是用js创建的，然后向其附加一个类

然后，我将一个过滤器连接到一个搜索框，该搜索框过滤结果并显示相关数据。没有搜索查询的div被分配了一个新类“hide”，该类将隐藏它们。每当执行搜索时，我都想搜索填充的行，找出有多少个div属于“hide”类，但我似乎还不能确定一个可行的解决方案

下面是代码结构的样子

<div class="row">
   <div class="data"></div>
   <div class="data"></div>
   <div class="data"></div>
   <div class="data hide"></div>     <!-- this is what itll look like for hidden divs -->
   <div class="data hide"></div>
</div>

---

除了使用classlist.contains（）之外，我还可以使用childelementcount来解决这个问题吗？或者什么是巡视？

解决这一问题的一种方法是利用：

var list=document.getElementById（'list'）；
var count=list.querySelectorAll（'.data.hide'）.length；
控制台日志（计数）；

请注意，我在

行

元素中添加了一个

id

，以便更轻松地访问它：

---

以下是一个供您快速参考的示例。

这非常有效。谢谢@matt！我完全忘了我可以在上面使用length属性。感谢您的帮助：）