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

我不明白我的代码有什么问题。在这种情况下，if似乎不起作用。当人们点击按钮时，我希望图像改变。有人可以帮我吗？`if`无法检查<img>的值src

<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>

来源

2015-11-04 Willy Mercier

是否当你引用的属性值，它的工作？（'onclick =“attaque ...（）”'） – Shomz

尝试'console.log（document.getElementById（“en_garde”）.src）''看看'.src'属性解析为什么 – Bergi

你可能会错过位置“主机名”和“协议”即图像的绝对URL（http://yourdomain.com/file/gifattaque/gif1.png）。所以尝试将它添加到图像路径，然后进行比较。 –

的src属性将被扩大到全图像源（包括http://...），因此将不是你要找的值完全匹配。

你最好检查房子的年底：

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

来源

2015-11-04 22:29:58

选择，你可以使用元素：

document.querySelector('[src$="gif1.png"]')

它将检查SRC ATTR与“GIF1结束巴纽”。

var el = document.querySelector('[src$="gif1.png"]'); 
 
    
 
if (el) 
 
el.src="gifattaque/gif2.png"; 
 

 
console.log(el)

来源

2015-11-04 22:42:52 maioman

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

回答

相关问题