如何使用javascript更改img的源代码

Question

如果图像宽度小于600px，我需要更改图像源。我创建了以下脚本，但它无法正常工作。

        var sizewidth = window.innerWidth;
        screensize();
        function screensize() {
            if (sizewidth < 601) {
                document.getElementById('logotipo').src = "../imgs/image.png";
            }
        }

它有什么问题？有人可以帮我纠正吗？

Answer 1

    var sizewidth = window.innerWidth;
    screensize();
    function screensize() {
        if (sizewidth < 601) {
            document.getElementById('logotipo').setAttribute("src", "../imgs/image.png");
        }
    }

Answer 2

我复制了你的代码，我认为它的工作正常。也许问题是您的脚本文件/代码的位置。请看下面

var sizewidth = window.innerWidth;
screensize();

function screensize() {
  if (sizewidth < 601) {
    document.getElementById('logotipo').src = "../imgs/image.png";
  }
}

<img id="logotipo" src="logo.png">

Answer 3

你确定图像的路径是正确的吗？（你可以尝试在你的网络浏览器上查找控制台日志）如果是的话，试着在你的代码中加上\ \而不是\