index.html
<div class="aa"></div>
index.css
mark {
background: red;
color: blue;
}
index.js
let str = '这是<span>世界杯span</span>';
let keyword = 'span';
// 这里采用构造函数的方式初始化正则表达式对象 因为可以使用变量，字面量的方式不能使用变量
let regExp = new RegExp(`(?<!<\/?)${keyword}(?!\/?>)`, 'g');
document.getElementsByClassName('aa')[0].innerHTML = str.replace(regExp, '<mark>$&</mark>')
效果图前后
效果前页面.png
效果前html.png
效果后页面.png
效果后html.png
index.html index.css index.js 效果图前后
/**正则匹配关键字高亮 keyword就是需要高亮的关键字 options：NSRegularExpressio...
正则匹配img src 替换掉所有的html标签
grep --color=auto 会高亮匹配的关键字 -o 只显示匹配的关键字 -n 显示行号 grep -E ...
正则匹配所有html闭合元素
匹配指定标签： 匹配指定空标签： 匹配任意空标签： 匹配任意属性（包括属性名）：
对于一段html文本字符串，如下，如何匹配出其中的资源： 匹配正则表达式写法。 其中脚本匹配需要正则，无法匹配内容...
正则: <(\s*)(?i:img)(\s)*(((?!<).(\n)*)*)((>)|(/>)|(
解释：< > 表示最终匹配的标签。[^>]+ 表示匹配非>字符的任意 1 到多个字符。
leetcode 正则匹配 今日递归解决，明日动态规划
本文标题：正则动态匹配关键字高亮（不能匹配HTML标签）
本文链接：https://www.haomeiwen.com/subject/plaslltx.html
网友评论