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

Question

我不明白我的代码有什么问题。 ng-includes似乎在这种情况下无效。当人们点击按钮时，我希望图片能够改变。有人可以帮帮我吗？

ng-repeat

Answer 1

src属性将扩展为完整图像源（包括http://...），因此与您正在寻找的值不完全匹配。

最好查看属性的 end ：

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

Answer 2

选择您可以使用的元素：

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

它将检查以＆＃34; gif1.png＆＃34;结尾的src attr。

＆＃13;

＆＃13;

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

console.log(el)

＆＃13;

＆＃13;

＆＃13;