在文字段落中尋找並標記字串

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），但我不知道如何確定段落內的正確索引（在字串搜尋中忽略任何< ;code>，等，但包括它們與span的索引相關）。

謝謝任何建議。

Answer 1

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

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>