用JS让文章内容指定的关键字加亮

<div id="txt"> 用js让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

多关键词

<div id="txt"> 用js让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 </div>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

字符 含义  
$$ $ （jscript 5.5 或更新版本）  
$& 指定与整个模式匹配的 stringobj 的部分。 （jscript 5.5 或更新版本）  
$` 指定由 $& 描述的匹配之前的 stringobj 部分。 （jscript 5.5 或更新版本）  
$' 指定由 $& 描述的匹配之后的 stringobj 部分。 （jscript 5.5 或更新版本）  
$n 捕获的第 n 个子匹配，此处 n 为从1到9的十进制一位数。 （jscript 5.5 或更新版本）  
$nn 捕获的第 nn 个子匹配，此处 nn 为从01到99的十进制两位数。 （jscript 5.5 或更新版本） 
g，全局模式匹配 
i，不区分大小写匹配

多关键词，不错的方法，我也这样用

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <div id="txt"> 用js让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 </div> <table id="ttxt"> 用js让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 </table>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

大家为什么非要局限在 html 的替换上呢，从文本对象入手不是更方便一些吗？

<pre> 用js让文章内容指定的关键字加亮 是这样的.. 现在有这些关键字:美容,生活,购物 当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 </pre>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]

<pre> 是这样的.. 现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示.. 文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用js来实现... 不知道怎样来实现这样的功能啊?特此求助 <pre> </pre></pre>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]