微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

正则表达式匹配邮箱规则

筛选出有邮箱的li项;

用正则表达式以及exec()函数进行匹配。

详细代码如下




<!DOCTYPE html>

<html> <head> <Meta charset="utf-8"> <Meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>Examples</title> <Meta name="description" content=""> <Meta name="keywords" content=""> <link href="" rel="stylesheet"> <style type="text/css"> ul{ border: 1px dotted black; background: green; border-radius: 10px; width: 400px; height: 200px; } li{ list-style: none; font-family: "微软雅黑"; } </style> <script type="text/javascript"> /* window.onload=function(){ var lis=document.getElementsByTagName("li"); for(var i=0;i<lis.length;i++){ lis[i].onclick=function(num){ return function(){ return alert(num); } }(i) } } function liuzhe(){ this.bark=function(){ alert("最喜欢刘哲"); } } liuzhe.xiaozhe=function(){ alert("小哲喜欢你"); } var zhe=new liuzhe(); console.log(zhe) console.log(liuzhe.xiaozhe) zhe.bark(); liuzhe.xiaozhe(); */ function fn(){ var lz=document.getElementsByTagName("li"); var patt=/\w+@\w+(\.+\w)+/g; for(var i=0;i<lz.length;i++){ if(patt.exec(lz[i].innerHTML)!==null){ lz[i].style.background="red"; lz[i].style.color="yellow"; } } } </script> </head> <body> <button type="text" onclick="fn()">查找邮箱</button> <ul> <li>喜欢你小哲&lt;liuzhe@qq.com&gt;</li> <li>喜欢你小哲</li> <li>喜欢你小哲&lt;liuzhe@qq.baidu.com&gt;</li> <li>喜欢你小哲</li> </ul> </body> </html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐