使用Javascript切换图像src属性

2019-10-01 19:45:33 阅读：156 来源： 互联网

我试图使用Javascript更改HTML图像src.我有两个图像Plus.gif和Minus.gif.我已经插入了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" onm ouseover="this.style.cursor='pointer'" onclick="chngimg()"   />

解决方法:

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

<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" onm ouseover="this.style.cursor='pointer'" onclick="chngimg()"   />

希望能解决你的问题.

标签：javascript,imageurl
来源： https://codeday.me/bug/20191001/1839819.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

使用Javascript切换图像src属性