如何檢查div是否有圖像？

Question

<div id="pl6" style="height: 123px; width: 135px;float:left" onmousedown="test(6);" ondrop="dropIt(event,6);" ondragover="event.preventDefault();"> 
<img src="6.gif" draggable="true" ondragstart="dragIt(event,6);" id="pic6" /> 
</div> 

我想檢查這個div是否有圖像或不使用JavaScript。

Answer 1

你可以這樣做：

var divEle = document.getElementById("pl6"); 
if(divEle.getElementsByTagName('img').length > 0) { 
    //has image element 
} 

Answer 2

爲什麼不乾脆：

if(document.querySelectorAll("#pl6 img").length > 0) { 
    // ... 
} 

Answer 3

if(document.getElementById("pic6").length > 0){ 
    //... 
}