文件名称:HTML高亮关键字的实现代码
文件大小:64KB
文件格式:PDF
更新时间:2024-02-09 15:15:44
highlight 关键 关键字
本以为一个 innerHTML replace 就能实现的简单操作,却遇到了许多的问题。本文就记录这些问题和最终的完美解决办法, 希望能对有同样遭遇的小伙伴有所帮助。只对结果感兴趣的,忽略过程,直接跳过看结果吧~ 常用做法:正则替换 思路:要想高亮元素,那么需要将关键字提取出来用标签包裹,然后对标签进行样式调整。使用 innerHTML,或 outHTML, 而不能使用 innerText,outText。 const regex = new RegExp(keyword,g) element[removed] = element[removed].replace(regex,<b