js match 来点击切换图片

Posted 2020-10-23 娴娴

 定义和用法

　　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 匹配的文本。