用JavaScript更改圖像源

Question

因此，我使用javascript新增了功能，並發現了這個可以解決我的問題：

使用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');"/>