如何使用Javascript检查DOM中div的所有类名是否都有特定的字符串?

如何使用Javascript检查DOM中div的所有类名是否都有特定的字符串?,javascript,html,getelementbyid,classname,class-names,Javascript,Html,Getelementbyid,Classname,Class Names,我有以下标记: <div id="app"> <div class="1hidden1></div> <div class="123"></div> <div class="hidden"></div> </div> 我想检查第三个和第一个div——任何包含带有文本隐藏的类名的div。通过使用普通javascript,您可以使用getElementsByTagName,然后对于找到的每个

我有以下标记:

<div id="app">
  <div class="1hidden1></div>
  <div class="123"></div>
  <div class="hidden"></div>
</div>

我想检查第三个和第一个div——任何包含带有文本
隐藏

的类名的div。通过使用普通javascript,您可以使用getElementsByTagName,然后对于找到的每个div,您可以检查相应的类名

您可以在此处检查JSFIDLE:

var divs = document.getElementsByTagName("div");
for (i = 0, len = divs.length, text = ""; i < len; i++) { 
    console.log(divs[i].className);
}
var divs=document.getElementsByTagName(“div”);
对于(i=0,len=divs.length,text=”“;i

您可以使用
.queryselectoral()
和属性包含选择器,检查返回的
节点列表的
.length
,并使用
运算符以获取
布尔值
var hidden=document.querySelectorAll(“#app[class*='hidden']”);
console.log(!!hidden.length,hidden)


考虑使用GetElementsByTag
var divs=document.getElementsByTagName('div')应答时的代码如何检查元素的
class
值内的特定文本?我已经打印了类名,如果任何特定类需要执行任何特定任务,则可以在for循环本身中添加if检查
var divs = document.getElementsByTagName("div");
for (i = 0, len = divs.length, text = ""; i < len; i++) { 
    console.log(divs[i].className);
}