分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

js match 来点击切换图片

发布时间:2023-09-06 01:40责任编辑:胡小海关键词:js

 定义和用法

  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 来点击切换图片

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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved