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

Question

我不明白我的代码有什么问题.在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>

Answer 1

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

你最好检查一下房产的结尾:

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