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

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 来实现这一点呢？

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>