JavaScript更改img src属性而不使用jQuery

Question

如何更改JavaScript中的src属性HTMLImageElement？

我需要帮助才能转换logo.attr('src','img/rm2.png')为vanilla JavaScript.

window.onresize = window.onload = function () {
    if (window.innerWidth > 1536) {
        var logo = document.getElementById('rm');
        logo.attr('src','img/rm2.png');
    }
};

Answer 1

你的意思是你想使用纯JavaScript？

这应该这样做:

var logo = document.getElementById('rm');
logo.src = "img/rm2.png";

所以你的功能应该是这样的:

window.onresize = window.onload = function () {
    if (window.innerWidth > 1536) {
      var logo = document.getElementById('rm');
      logo.src = "img/rm2.png";
    }
};

注意:您还可以使用element.setAttribute.但是,请参阅此帖子了解更多信息:
何时在JavaScript中使用setAttribute vs .attribute =？