我想在按下删除按钮时从简单的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>

最佳答案

在您的代码中:

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


您的Node1变量没有子节点,因此它将永远无法工作,您需要在parent节点上使用它...但是,我想知道,难道不会隐藏它适合您的问题吗?

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


如果不是,则需要知道该图像的父节点是什么,然后正确使用removeChild

关于javascript - 使用JavaScript删除并点击按钮图片?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15986528/

10-10 20:15