检查是否存在类名

时间:2018-04-11 10:26:39

标签: javascript

我如何检查dom中是否存在类名,并且在纯JavaScript中创建和if语句是否存在?

if(Check if a class name exists in the dom) {
   document.getElementById('btnNxt').setAttribute('disabled', true);
}

2 个答案:

答案 0 :(得分:0)

正如gurvinder372所写,您需要做的就是使用" querySelector"。

    if(document.querySelector(".className"))
     {   
         //  do stuff
     }

与jQuery选择器类似,通过仅针对您感兴趣的类,您可以看到是否有任何DOM元素在返回的元素中附加了类。 如果选择器未找到任何元素,则返回null。 在此处查找Query Selector以获取更多信息!

答案 1 :(得分:0)

您可以查看length上的document.querySelectorAll()属性,如:

代码示例:

var len = document.querySelectorAll('.container').length;

if(len > 0) {
   document.getElementById('btnNxt').setAttribute('disabled', true);
}
<div class="container">Container</div>
<button id="btnNxt">Next</button>