使用Javascript切换图像src属性

Question

我正在尝试src使用Javascript 更改HTML图像.我有两个图像Plus.gif和Minus.gif.I已插入HTML img标记并编写了一个Javascript函数来更改src单击时的图像.

问题是我想在用户点击图片时再次将其更改回来.例如,当页面加载了Plus.gif节目时,当用户点击它时,它将变为图像Minus.gif.

我想要它,当图像Minus.gif和用户点击它时,应该更改为Plus.gif.

这是我的Javascript函数:

<script language="javascript" type="text/javascript">
  function chngimg() {
    var img = document.getElementById('imgplus').src; //= 'Images/Minus.gif';

    if (img) {
      document.getElementById('imgplus').src = 'Images/Minus.gif';
    } else if (!img) {
      document.getElementById('imgplus').src = 'Images/Plus.gif';
      alert(img);
    }

  }
</script>

图片标签:

<img id="imgplus" alt="" src="Images/Plus.gif" onmouseover="this.style.cursor='pointer'" onclick="chngimg()"   />

Answer 1

查看我为使其工作所做的更改

<script language="javascript" type="text/javascript">
    function chngimg() {
        var img = document.getElementById('imgplus').src;
        if (img.indexOf('Plus.gif')!=-1) {
            document.getElementById('imgplus').src  = 'Images/Minus.gif';
        }
         else {
           document.getElementById('imgplus').src = 'Images/Plus.gif';
       }

    }
</script>

<img id="imgplus" alt="" src="Images/Plus.gif" onmouseover="this.style.cursor='pointer'" onclick="chngimg()"   />

希望能解决你的问题.