Javascript检测父元素的子元素是否具有类集

Question

这是我的代码：

<div id="main">
    <div class="myclass"></div>   
</div>

如何检测maindiv内部是否有带myclassset的元素？

附注。香草 JS，没有 jQuery

Answer 1

下面的代码使用以下代码在父级中搜索具有类的任何元素querySelectorAll()：

if (document
      .getElementById("main")
      .querySelectorAll(".myclass").length > 0) 
{
  console.log("#main has .myclass inside");
}
else 
{
  console.log("#main has no .myclass inside");
}

<div id="main">
    <div class="myclass"></div>   
</div>

Answer 2

您可以使用：

if(document.getElementById('main').getElementsByClassName('myclass')[0]) {
  alert('class found'); 
}else{
  alert('class not found'); 
}

<div id="main">
    <div class="myclass"></div>   
</div>