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

Question

这是我的代码:

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

如何检测 maindiv 中是否有设置了 myclass 的元素？

附言。普通 JS，没有 jQuery

Answer 1

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

if (document.querySelectorAll("#main .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>