Question

HTML文件和图像都在同一个文件夹中。所以基本上我知道这应该有效。它仅在我使用src属性时才有效 "file:///C:/Users/ATZ/Desktop/seats/available.png"。我试过用 ../available.png它仍然无效。

function changeImage() {
  if (document.getElementById('seat0').src == "available.png") {
    document.getElementById('seat0').src = "selected.png"
  } else if (document.getElementById('seat0').src == "selected.png") {
    document.getElementById('seat0').src = "available.png"
  } else {
    document.getElementById('error').innerHTML = "Please select Another seat. That seat has been occupied";
  }
}

Answer 1

问题很可能是你期望.src只是文件名。但是，您必须记住浏览器根据绝对路径查看文件，即使它没有给出绝对路径。您可以使用IndexOf查看路径中是否存在文件名。

function changeImage(){

    var img_obj = document.getElementById('seat0');

    if (img_obj.src.indexOf("available.png") > -1)

         { img_obj.src="selected.png"}

    else if (img_obj.src.indexOf("selected.png") > -1)

       {img_obj.src="available.png"}

    else { document.getElementById('error').innerHTML=

    "Please select Another seat. That seat has been occupied"; } }

根据@Felix的观察更新并修复我的拼写错误

无法在图像源之间切换

1 个答案: