使用javascript删除按钮并点击按钮?

时间:2013-04-13 09:52:52

标签: javascript html html5 web

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

1 个答案:

答案 0 :(得分:1)

你的代码中的

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

你的Node1变量没有子节点,所以它永远不会工作,你需要在parent节点上使用它...但我想知道,不会隐藏它适合你的问题吗

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

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