码迷,mamicode.com
首页 > Web开发 > 详细

js match 来点击切换图片

时间:2018-02-01 13:07:33      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:切换   切换图片   用法   gpo   实现   round   text   soft   span   

 定义和用法

  match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。

  该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置

 

 返回值

    成功: ["on", index: 66, input: "http://127.0.0.1:8020/js/%E8%8F%9C%E9%B8%9F%E6%95%99%E7%A8%8B/img/on.png"]

      失败: null

 

具体实现

   html:

     <img src="./img/on.png" id="change" onclick="changeImg()" />

  

  js:

    function changeImg(){
      var element = document.getElementById("change");
      if(element.src.match("on")){
        element.src = "./img/off.png";
      }else{
        element.src = "./img/on.png";
      }
    }

 

结果

   技术分享图片点击后技术分享图片

 

 

 

 总结

  match() 方法将检索字符串 stringObject,以找到一个或多个与 regexp 匹配的文本。

 

js match 来点击切换图片

标签:切换   切换图片   用法   gpo   实现   round   text   soft   span   

原文地址:https://www.cnblogs.com/xianxianxxx/p/8398168.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!