0

だから私は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>

したがって、画像をクリックしても、それ自体は変更されません。画像へのパスは正しいです。私は何を間違っていますか？

4

2 に答える 2

5

変化する

<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");'/>
于 2013-03-23T01:51:56.090 に答える
2

Shopping3.png を文字列として渡す必要があります。

<img id="img1" src="./icon/menu/Essen3.png" onclick="changeImage('Shopping3.png');"/>
于 2013-03-23T01:52:42.647 に答える