无法在图像源之间切换

Unable to toggle between image sources

本文关键字：之间 图像      更新时间：2023-09-26

HTML文件和图像都在同一个文件夹中。所以基本上我知道这应该有效。只有当我将src属性用作CCD_ 1。我尝试过使用CCD_ 2，但它仍然不起作用。

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";
  }
}

问题很可能是您期望的.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的观察更新，并修复我的打字错误

相关文章：