javascript - image srcを空に設定するにはどうすればよいですか？

Question

重複の可能性：
画像のsrc属性の設定がChromeで機能しない

ユーザーが「削除」リンクをクリックするsrcと、画像の属性を空に設定する必要があります。私が使ってそれをするとき

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

src空ではありませんが、現在のURLを指しています

srcを使用して削除した場合

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

将来それを割り当てさせないでください

これを達成するための最良の方法は何ですか？

Answer 1

attr（）を使用してみてください、

ライブデモ

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

IDセレクターがあるので。ネイティブのjavascriptメソッドdocument.getElementByIdを使用すると、パフォーマンスがさらに向上します。また、文字列の代わりに#として設定する必要がある場合もあります。srcempty

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

Answer 2

下にあるノードにアクセスして<img>、の値を空の文字列に設定srcします。

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

フィドル： http： //jsfiddle.net/P4pRu/

---

更新：空の文字列を渡すだけでは、 Chromeは満足できないようです。Firefoxはまだ期待どおりの動作を示しています（これは数週間/バージョン前のChromeでも機能したと確信しています）。

#ただし、たとえば、を渡すことは問題なく機能します。

---

アップデート2：

Chromeで画像の視覚的表現を削除することもimgNode.removeAttribute('src');なくなりました（興味深い...）。

Answer 3

属性「src」は実際にはプロパティではなく、属性です。プロパティはブール値またはリストで設定できるものと考え、属性ははるかに動的なものと考えてください。

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

jQuery 1.6以降、.prop（）メソッドはプロパティ値を明示的に取得する方法を提供し、.attr（）は属性を取得します-http: //api.jquery.com/prop/