javascript - 如何检查 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){
  //...
}