画像ソースを切り替えることができません

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

はフェリックスの観察@ごとに更新され、これは、パスの問題で私のタイプミス