如何将图像src设置为空？

Question

可能重复:
设置图像src属性在Chrome中不起作用

当用户点击"删除"链接时,我需要将src图像的属性设置为空.当我这样做时

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

src 不是空的,但指向当前的网址

如果我删除src使用

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

永远不要让我把它归还给你

实现这一目标的最佳方法是什么？

Answer 1

尝试使用attr(),

现场演示

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

因为你有id选择器.使用本机javascript方法document.getElementById将为您带来更多性能优势.您也可能需要设置#为src而不是empty字符串.

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

Answer 2

我刚刚访问垫层<img>节点的值设置src成空字符串.

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

小提琴:http://jsfiddle.net/P4pRu/

更新:当我们传入空字符串时,Chrome似乎不满意.Firefox仍然显示出预期的行为(我很确定这在Chrome版本中也可以使用几周/版本).

但是,通过#例如,工作正常.

更新2:

甚至imgNode.removeAttribute('src');不再在Chrome中删除图像的可视化表示(有趣的......).