单击时我无法更改图像。图像只会改变一次，但不会改变

Question

点击时我无法更改图像。
图像只会改变一次，但不会改变。

这就是我所拥有的：

function myChevron() {
  if (document.getElementById("myChev").src == "LuckyLottoPictures/mini_Icons_arrowUp.png") {
    var arrow = "LuckyLottoPictures/mini_Icons_arrowDown.png";
    return arrow;
  } else {
    var arrow = "LuckyLottoPictures/mini_Icons_arrowUp.png";
    return arrow;
  }
}

function chevChange() {
  document.getElementById("myChev").src = myChevron();
}

Answer 1

你可以试试这个：

function myChevron() {
  if (document.getElementById("myChev").attributes["src"].value== "LuckyLottoPictures\\mini_Icons_arrowUp.png") 
{
   var arrow = "LuckyLottoPictures\\mini_Icons_arrowDown.png";
  return arrow;
} 
else 
{
   var arrow = "LuckyLottoPictures\\mini_Icons_arrowUp.png";
   return arrow;
}
}

function chevChange() {
   document.getElementById("myChev").setAttribute("src", myChevron());
}