JS - 删除 <img> div 内的所有内容



我有一个只包含图像的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]);
}

希望这将为你工作

最新更新