用JS如何让选中的字符串在当前一段包含标签名的文本中高亮显示?

Question

目前只能让没有被标签名打断的文字被选中,现在问题是如果我想查询"有经验的前端开发"这几个字,如何让js判断出即使被a标签打断还是能高亮显示选中的文字?

Answer 1

用Element.innerText属性即可,在你的代码中：

content.innerHTML = content.innerText.replace('str', '<span>+str+</span>');

// 这里用 replace 会比较方便一些，正则友好

这样就行了。

若是不只有一组关键字词组，用正则封装一下str如new RegExp(str, 'g')，就可以替换全局了。