<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>正则查找匹配</title>
<script>
function find(){
var lis = document.getElementsByTagName('li');
var i = 0;
var patt = /\w+@\w+(\.\w+)+/;
/*
\W 匹配任何非单词字符。等价于“[^A-Za-z0-9_]”。
\w 匹配包括下划线的任何单词字符。类似但不等价于“[A-Za-z0-9_]”
这里的"单词"字符使用Unicode字符集。
*/
while(i<lis.length){
if (patt.exec(lis[i].innerHTML) !== null) { //exec用于检索字符串中的正则表达式的匹配。检测括号内的字符串是否在patt中
lis[i].style.background = 'yellow';
}
i+=1;
}
}
</script>
</head>
<body>
<input type="button" value="标注有邮箱的人" onclick="find()">
<ul>
<li>吴者然</li>
<li>晓月天<[email protected]></li>
<li>暴天明</li>
<li>落月清<[email protected]></li>
</ul>
</body>
</html>
效果图：