<p>我有一个段落，例如：</p> <pre class="brush:html;toolbar:false;">&lt;p&gt; Lorem ipsum &lt;b&gt;amet, consetetur sadipscing elitr, sed diam&lt;/b&gt; dolor sit nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, &lt;i&gt;sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum&lt;/i&gt;. Stet clita kasd gubergren, no sea takimata sanctus &lt;/p&gt; </pre> <p>还有一个类似于<code>&quot;Lorem ipsum amet, consetetur sadipscing elitr&quot;</code>的字符串。 我想用Javascript在原始段落中给这个特定的字符串添加下划线。</p> <p>我认为我需要插入一个带有类/ID的span（-> CSS: text-decoration:underline），但我不知道如何确定段落内的正确索引（在字符串搜索中忽略任何<code>&lt;b&gt;</code>，<code>&lt;i&gt;</code>等，但包括它们与span的索引相关）。</p> <p>谢谢任何建议。</p>

//获取元素的内部内容
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>