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

Title

span{

color: red;

font-weight: 700;

}

Vue.js (读音 /vjuː/，类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。

如果你是有经验的前端开发者，想知道 Vue.js 与其它库/框架的区别，查看对比其它框架。

var txt = document.getElementById("txt");

var btn = document.getElementById("btn");

var content = document.getElementById("content");

btn.onclick = function () {

var str = txt.value;

if (!str)return;

content.innerHTML = content.innerHTML.split(str).join(''+str+'');

};

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