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