我有一个段落,例如:
<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),但我不知道如何确定段落内的正确索引(在字符串搜索中忽略任何<b>,<i>等,但包括它们与span的索引相关)。
谢谢任何建议。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
const text = YourString.replace(/\bMySearch\b/sg, '<u>$1</u>');试试这个:
//获取元素的内部内容 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;