在文章中搜索关键字变色显示的问题

参考了一下 gb的 代码。<html>
<head>
</head>
<body>
<div>
<span id="123" name="abc">
abc
<span id="456" name="def">
abc
</span>
</span>
</div><input type="text" name="keyword" value="请输入关键字！" onfocus="if(this.value!='')this.value='';" onblur="if(this.value.replace('\w','')=='')this.value='请输入关键字！';"/>
<button onclick="changeColor()">查找</button>
</body>
</html> <script>function changeColor()
{
var keyword = document.all.keyword.value;

keyword=keyword.replace(/^ +| +$/g, "");
keyword=keyword.replace(/ +/g, " ");

if(keyword=="") return;

    var r = document.body.createTextRange(); //创建文本对象
  
   while (r.findText(keyword)) { //查找关键字
r.execCommand('BackColor', '', '#ff4'); //背景色
r.execCommand('ForeColor', '', 'red');  //前景色
r.collapse(false);
}
}</script>