点击改变图片的2种方法

最新推荐文章于 2021-07-12 10:57:47 发布

weixin_34309435

最新推荐文章于 2021-07-12 10:57:47 发布

阅读量369

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2612473/blog/739691

版权

2019独角兽企业重金招聘Python工程师标准>>>

<script>
function changeImage()
{
   element=document.getElementById('myimage')
   var src =element.getAttribute("src")
   if (src==="/images/pic_bulbon.gif")
    {
       element.setAttribute("src","/images/pic_bulboff.gif")
   }
   else
{
       element.setAttribute("src","/images/pic_bulbon.gif");
}
}
</script>
<img id="myimage" οnclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">

或者js如下：

<script>
function changeImage()
{
   element=document.getElementById('myimage')
   if (element.src.match("bulbon"))

//element.src.match("bulbon")如果能匹配到返回一个数组，if(true) 执行下面的，返回数组就说明（里面的内容为true）
    {
       element.src="/images/pic_bulboff.gif";
   }
   else
{
       element.src="/images/pic_bulbon.gif";
}
}
</script>