的Javascript檢測如果父元素的孩子已經一類設置

Question

這是我的代碼：

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

我如何檢測的main內格設置有與myclass集的元素？

PS。香草JS，沒有jQuery的

Answer 1

您可以使用：

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

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

Answer 2

下面的代碼搜索的任何元素與類父內使用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>