與JavaScript的JavaScript的

Question

所以即時通訊新變化的圖像源，發現這一個解決我的問題：

Change image source with javascript

但這個例子並不爲我工作。

<script type="text/javascript"> 
    function changeImage(a) { 
    document.getElementById("img1").src=a; 
    } 
</script> 

而且

<table align=left width="896px" class="tableCategories"> 
    <tr class="trCategories"> 
    <td class="tdCategories"> 
     <img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/> 
    </td> 
    </tr> 
</table> 

所以，如果我在圖像上單擊它並沒有改變自己。圖像的路徑是正確的。 我在做什麼錯？

Answer 1

變化

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(Shopping3.png);'/> 

要

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage("./icon/menu/Shopping3.png");'/> 

更好的JavaScript函數會被重複使用。試試這個：

function changeImage(obj,img) { 
    obj.src = img; 
} 

和下面的HTML代碼：

<img id="img1" src="./icon/menu/Essen3.png" onclick='changeImage(this,"./icon/menu/Shopping3.png");'/> 

Answer 2

您需要通過Shopping3.png作爲一個字符串。

<img id="img1" src="./icon/menu/Essen3.png" onclick="changeImage('Shopping3.png');"/>