javascript - JS - 删除div 中的所有内容

Question

我有一个只包含图像的 div。

 <div class="content">
    <img src="img.png"/>
    <img src="img.png"/>
    <img src="img.png"/>
    <img src="img.png"/>
</div>

我需要删除<img>div 中的所有内容。

jquery，它可以通过

$('.content img').remove(); 

但是如何仅使用 JavaScript 来实现呢？

标签： javascripthtml

Answer 1

您可以选择所有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>