如何在HTML文本中搜索特定文本并使用颜色突出显示搜索字符串

时间:2014-11-03 13:34:49

标签: c# html css regex search

我们要求搜索HTML文本并使用特定颜色突出显示文本。

例如:html字符串是

<p class="Pa0" style="margin: 0in 0in 0pt;"><span class="A1"><span style="font-size: 10pt;">Giving this flyer to your class customers</span></span></p>

在上面的文字中,我正在搜索&#34; Class&#34;这个词。 它应突出显示文本中的文本 class &#34;将此传单发送给您的班级客户&#34; 但它却试图强调css元素&#34; class&#34;因此原始的html文本已损坏,无法正确显示。

任何人都可以帮我解决有关如何在HTML文本中搜索内容并突出显示搜索而不更改原始HTML的问题。

2 个答案:

答案 0 :(得分:1)

可以使用javascript:

var str = document.getElementByClassName("Pa0")[0].children[0].children[0];
str.innerHTML = str.innerHTML.replace(' class ', ' <span style="color:red">class</span> ')

答案 1 :(得分:1)

(class)(?=(?:[^><]*<[^<>]*>)*[^><]*$)

试试这个。<span style='color: red;'>$1<span>。见。演示。

http://regex101.com/r/bB8jY7/3