How to set image src to empty? [duplicate]

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


never let me to assign it back in the future

What’s the best way to accomplish this?

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 = "#";

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

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


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…).

The attribute ‘src’ isn’t really a property, it is an attribute. Think of properties as things that can be set with booleans or lists and attributes as things that are much more dynamic.

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

As of jQuery 1.6, the .prop() method provides a way to explicitly retrieve property values, while .attr() retrieves attributes –

The answers/resolutions are collected from stackoverflow, are licensed under cc by-sa 2.5 , cc by-sa 3.0 and cc by-sa 4.0 .
Read More:   Creating a canvas element and setting its width and height attributes using jQuery

Similar Posts