使用JavaScript刪除並點擊按鈕圖片？

Question

我想在按下刪除按鈕時從簡單的HTML頁面中刪除圖像。 我嘗試了以下代碼，但無法正常工作，請幫助。

<script>
 function del()
 {
 var Node1 = document.getElementById(“i”);
 Node1.removeChild(Node1.childNodes[0]);
 alert("Image deleted");
 }
 </script>

<img src="file:///C|/Users/momo/Desktop/uf.PNG" id="i"/>
<button onclick="del()">Delete Image</button>

Answer 1

在您的代碼中：

 var Node1 = document.getElementById(“i”);
 Node1.removeChild(Node1.childNodes[0]);

您的Node1變量沒有子節點，因此它將永遠無法工作，您需要在parent節點上使用它……但是我想知道， 難道無法將其隱藏起來適合您的問題嗎？

document.getElementById('i').style.display = 'none';

如果不是，則需要知道該圖像的父節點是什么，然后正確使用removeChild 。