使用javascript删除并单击按钮上的图像?
当按下delete按钮时,我想从s的简单HTML页面中删除一个图像。我尝试了以下代码,但它不工作,请帮助使用javascript删除并单击按钮上的图像?,javascript,html,web,Javascript,Html,Web,当按下delete按钮时,我想从s的简单HTML页面中删除一个图像。我尝试了以下代码,但它不工作,请帮助 <script> function del() { var Node1 = document.getElementById(“i”); Node1.removeChild(Node1.childNodes[0]); alert("Image deleted"); } </script> <img src="file:///C|/Users/mom
<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>
函数del()
{
var Node1=document.getElementById(“i”);
Node1.removeChild(Node1.childNodes[0]);
警报(“图像已删除”);
}
删除图像
在您的代码中:
var Node1 = document.getElementById(“i”);
Node1.removeChild(Node1.childNodes[0]);
您的Node1
变量没有子节点,因此它永远不会工作,您需要在parent
节点上使用它。。。但我想知道,是否会隐藏它来解决您的问题?
document.getElementById('i').style.display = 'none';
如果没有,则需要知道该图像的父节点是什么,然后正确使用removeChild
。在代码中:
var Node1 = document.getElementById(“i”);
Node1.removeChild(Node1.childNodes[0]);
您的Node1
变量没有子节点,因此它永远不会工作,您需要在parent
节点上使用它。。。但我想知道,是否会隐藏它来解决您的问题?
document.getElementById('i').style.display = 'none';
如果没有,您需要知道该图像的父节点是什么,然后正确地使用
removeChild
。您需要使用实引号,我应该在哪里使用它们?这里。我不知道你怎么会有卷曲的引号(“我”);你需要使用真正的引号,我应该在哪里使用它们?这里。我不知道你怎么会有卷曲的引号(“我”);