Delete and image on button click using javascript?

Question

i want to delete an image from s simple HTML page, when the delete button is pressed. I hav tried following code but it is not working, help please.

<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>

You need to use real quotes too

mplungjan
– mplungjan

2013-04-13 09:59:24 +00:00
Commented Apr 13, 2013 at 9:59 — mplungjan
– mplungjan, Commented Apr 13, 2013 at 9:59
where should i use them?

Momo Pomo
– Momo Pomo

2013-04-13 19:20:38 +00:00
Commented Apr 13, 2013 at 19:20 — Momo Pomo
– Momo Pomo, Commented Apr 13, 2013 at 19:20
Here. I do not know how you got curly quotes (“i”);

mplungjan
– mplungjan

2013-04-13 21:04:10 +00:00
Commented Apr 13, 2013 at 21:04 — mplungjan
– mplungjan, Commented Apr 13, 2013 at 21:04

balexandre · Accepted Answer · 2013-04-14 20:16:52Z

1

in your code:

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

your Node1 variable has no child nodes so it will never work, you need to use that on the parent node... But I wonder, wouldn't hide it fit your problem?

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

if not, you need to know what is the parent node of that image and then use removeChild correctly.

answered Apr 14, 2013 at 20:16

balexandre

75.4k47 gold badges240 silver badges352 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Delete and image on button click using javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related