我有一个只包含图像的div。
<div class="content">
<img src="img.png"/>
<img src="img.png"/>
<img src="img.png"/>
<img src="img.png"/>
</div>
我需要删除分区中的所有<img>
使用jquery
,可以通过完成
$('.content img').remove();
但是,我如何只用JavaScript实现这一点呢?
您可以选择所有img
元素,然后使用remove()
从DOM中删除图像。
document.querySelectorAll(".content img")
.forEach(img => img.remove());
<div class="content">
<img src="img.png" />
<img src="img.png" />
<img src="img.png" />
<img src="img.png" />
</div>
var images = document.getElementsByTagName('img');
for(var i=0; i < images.length; i++) {
images[i].parentNode.removeChild(images[i]);
}
希望这将为你工作