How to set image src to empty? [duplicate]

Question

Possible Duplicate:
Setting image src attribute not working in Chrome

When user clicks on "remove" link I need to set the src attribute of an image to empty. When I do it using

$('#img').prop('src', null); 

src is not empty but points to current url

if I remove src using

$('#img').removeProp('src'); 

never let me to assign it back in the future

What's the best way to accomplish this?

Answer 1

Try using attr(),

Live Demo

$('#img').attr('src', ''); 

As you have id selector. Using the native javascript method document.getElementById will give you more performance benefit. Also you may need to set # as src instead of empty string.

document.getElementById('img').src = "#"; 

Answer 2

I'd just access the underlaying <img> node and set the value of src to an empty string.

$('#img')[ 0 ].src = '#'; 

Fiddle: http://jsfiddle.net/P4pRu/

---

Update: It seems like Chrome is not satisfied when we just pass in an empty string. Firefox still shows the expected behavior (I'm pretty sure that this also worked in Chrome a couple of weeks/versions ago).

However, passing over a # for instance, works fine.

---

Update 2:

Even imgNode.removeAttribute('src'); does no longer remove the visual representation of an image anymore in Chrome (interesting...).