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 標簽