Js highlight Method 1:
Copy codeThe Code is as follows:
<Script>
Function HighLight (nWord ){
If (nWord! = ''){
Var keyword = document. body. createTextRange ();
While (keyword. findText (nWord )){
Keyword. pasteHTML ("<span style = 'color: red; '>" + keyword. text + "</span> ");
Keyword. moveStart ('character ', 1 );
}
}
}
Function highword (nWord ){
Var array = nWord. split (",");
For (var I = 0; I <array. length; I ++ ){
HighLight (array [I]);
}
}
</Script>
<Body onload = "highword ('Li, jin')">
<P> liujinzhong liuzhong </p>
</Body>
Js highlight Method 2:
2.
Copy codeThe Code is as follows:
<Html>
<Head>
<Title> Test Page </title>
<Script type = "text/javascript">
<! --
Function highLight (ele, keys)
{
Var reg = new RegExp ("(" + keys. replace (/,/, "|") + ")", "g ");
Ele. innerHTML = ele. innerHTML. replace (reg, "<font color = \" red \ "> $1 </font> ");
}
Window. onload = function ()
{
HighLight (document. getElementsByTagName ("p") [0], "li, jin ");
}
// -->
</Script>
</Head>
<Body>
<P> liujinzhong liuzhong </p>
</Body>
</Html>