Question

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

＆＃13;

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

＆＃13;

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

Answer 1

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

Answer 2

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 3

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

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

3 个答案: