javascript - `if` 无法检查 <img> src 的值

标签 javascript image if-statement src

我不明白我的代码有什么问题。 if 在这种情况下似乎不起作用。我希望当人们点击按钮时图像会发生变化。有人可以帮帮我吗?

<body>

<div>
    <img id="en_garde" src="gifattaque/gif1.png">
</div>
<br>
<button onclick=attaque_animation() type="button">Attaque</button>


<script>
    function attaque_animation() {
        if (document.getElementById("en_garde").src=="gifattaque/gif1.png") {
            document.getElementById("en_garde").src="gifattaque/gif2.png";

        }


    };
</script>
</body>
</html>

最佳答案

src 属性将扩展为完整 图像源(包括http://...),因此不会'与您要查找的值完全不匹配。

您最好检查属性的结尾:

if (document.getElementById("en_garde").src.match(/gifattaque\/gif1\.png$/))
  document.getElementById("en_garde").src = "gifattaque/gif2.png";

关于javascript - `if` 无法检查 <img> src 的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33533243/

相关文章:

pandas - 基于 python 中其他列的值的新列

javascript - 试图理解 JS 函数 - 我做错了什么?

javascript - 来自两个脚本的作品只有一个

java - 在 netbeans 中运行时裁剪图像

java - 初学者 Java(循环)- 自动售货机

java - 为什么这个 if 语句不起作用?

javascript - 在 jQuery Isotope 或 Masonry 中,我可以忽略一个项目吗?

javascript - 从Nodejs中的异步函数返回值

java - smartgwt 保存图像文件而不是在浏览器中显示

java - 如何在 Java 中从二维 float 组编写 TIFF?