javascript - jsを使用して画像srcに文字列を追加します

Question

あるページがあります<img src="/images/product/whatever-image.jpg" alt="" />

ページの読み込み時に、文字列「?Action=thumbnail」が src の値に追加されて、src="/images/product/whatever-image.jpg?Action=thumbnail"

jsを使用してこれを達成するにはどうすればよいですか?

Answer 1

window.addEventListener('load', function(){
    /* assuming only one img element */
    var image = document.getElementsByTagName('img')[0];

    image.src += '?Action=thumbnail';
}, false);

画像のソースを変更すると、画像が同じであっても、サーバーから画像が「再フェッチ」されることに注意してください。これはサーバー側で行う方が適切です。

---

コメント後に更新：

window.addEventListener('load', function(){
    /* assuming only one div with class "divclassname" and img is first child */
    var image = document.getElementsByClassName('divclassname')[0].firstChild;

    image.src += '?Action=thumbnail';
}, false);    

Answer 2

これを使って：

window.onload = function() {
    document.getElementById('myImage').src += "/Action=thumbnail";
};