Javascript - 从元素中删除图像

Question

我正在尝试从以下 html 中删除图像，但遇到了麻烦。 我可以指定 ID 为 java 脚本，但不确定如何删除关联的 img。

<a href="https://google.com" target="_blank" id="my_banner_image" style="display: block;">
    <img width="970" height="250" src="https://via.placeholder.com/970x250.png" boarder="0">
</a>

我尝试过使用，但不太确定如何指定 img。

var element = document.getElementById("my_banner_image");
    element.parentNode.removeChild(image);

Answer 1

使用querySelector方法定位 img 元素：

document.getElementById("my_banner_image")
    .querySelector('img')
    .remove()

它将删除 id my_banner_image的元素内的第一个 img 标签