javascript - 使用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正确使用。