javascript - 使用js将字符串 append 到图像src

Question

我有一个页面，其中有 <img src="/images/product/whatever-image.jpg" alt="" />

我希望在加载页面时，将字符串“?Action=thumbnail” append 到 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);