在文本段落中查找并标记字符串

Question

我有一个段落，例如：

<p>
Lorem ipsum <b>amet, consetetur sadipscing elitr, sed diam</b> dolor sit nonumy eirmod  tempor 
invidunt ut labore et dolore magna aliquyam erat, <i>sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus
</p>

还有一个类似于"Lorem ipsum amet, consetetur sadipscing elitr"的字符串。 我想用Javascript在原始段落中给这个特定的字符串添加下划线。

我认为我需要插入一个带有类/ID的span（-> CSS: text-decoration:underline），但我不知道如何确定段落内的正确索引（在字符串搜索中忽略任何，等，但包括它们与span的索引相关）。

谢谢任何建议。

Answer 1

const text = YourString.replace(/\bMySearch\b/sg, '$1');

Answer 2

试试这个：

//获取元素的内部内容
var text = document.getElementById("text").innerHTML;

//将要替换的文本用<u>标签包围起来
var newtext = text.replace(/Lorem ipsum <b>amet, consetetur sadipscing elitr/g, "<u>Lorem ipsum <b>amet, consetetur sadipscing elitr</u>");

//将新的下划线文本放回元素中
document.getElementById("text").innerHTML = newtext;

<p id="text">
Lorem ipsum <b>amet, consetetur sadipscing elitr, sed diam</b> dolor sit nonumy eirmod  tempor 
invidunt ut labore et dolore magna aliquyam erat, <i>sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum</i>. Stet clita kasd gubergren, no sea takimata sanctus
</p>