JavaScript在不使用jQuery的情况下更改img src属性

如何在JavaScript中更改

HTMLImageElement

的

src

属性

我需要帮助将logo.attr（'src'，'img/rm2.png'）转换为普通JavaScript

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

---

你是说你想使用纯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";
    }
};

注意：您也可以使用。但是，更多信息请参见此帖子：

---

我认为这只是logo.src=“img/rm2.png”试试这个……希望它能起作用

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

---

既然你说你想在程序的不同地方这样做，我会创建一个如下的函数：

function ChangeImage(image_id,path)
{
  document.images[image_id].src = path
}

---

因此，如果您想检查大小是否有更改，然后再更改回，请检查下面的代码

window.onresize = window.onload = function () {
    if (window.innerWidth < 768) {

      var logo = document.getElementById('changeLeft');
      logo.src = "MobileImage.png";

    }else{

 var logo = document.getElementById('changeLeft');
      logo.src = "DesktopImage.png";

    }
};

window.onresize=window.onload=function（）{
如果（窗内宽度<768）{
var logo=document.getElementById（'changeLeft'）；
logo.src=“MobileImage.png”；
}否则{
var logo=document.getElementById（'changeLeft'）；
logo.src=“DesktopImage.png”；
}
};

调整window.innerWidth以确定断点。

---

希望这能有所帮助。

该死，比我快8秒：）：）是的，JS/JQuery问题真的有太多人争着回答

window.onresize = window.onload = function () {
    if (window.innerWidth < 768) {

      var logo = document.getElementById('changeLeft');
      logo.src = "MobileImage.png";

    }else{

 var logo = document.getElementById('changeLeft');
      logo.src = "DesktopImage.png";

    }
};