javascript - 更改html页面样式

Question

可能重复：
在 jQuery 中查找文本字符串并将其设为粗体

我的 html 页面上有一些文本（字母上有重音符号）：

<p>
some téxt, some text, some téxt, some text, some text, some téxt, 
</p>

我的目标是为所有出现的“文本”和“文本”设置粗体样式

可能吗 ？

谢谢你

缬草

Answer 1

假设您的文本位于：

<p id="txt">
some téxt, some text, some téxt, some Text, some text, some téxt, xyz
</p>



var bold = ['some','text', 'xyz']; // words to bold
var content = document.getElementById('txt');//content to find those words
var regExp = new RegExp('('+bold.join('|')+')', "gi"); //build regular expression (i means case insensitive)

content.innerHTML = content.innerHTML.replace(regExp, "<strong>$1</strong>"); //find and bold

Answer 2

在您的情况下，您不能执行以下操作，

str.replace(/(t.xt)/g, "<b>"+text+"</b>);

所以我们需要使用回调函数：

//Assuming you can retrieve the text from the p tag or from the entire page
var str = "some téxt, some text, some téxt, some text, some text, some téxt, " 

str.replace(/(t.xt)/g, function(match){
  return "<b>"+match+"</b>";
})

您可以将此代码段添加到document.onload或 $().function(){...}