自己写的修改选中内容功能有问题,求指点谢谢
程序代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> </HEAD> <BODY> <div id="cont"> <p>问:编号是什么意思呢?</p> <p>答:关于编号的问题可以搜索百度!</p> <p>问:你是百度的托?</p> <p>答:那关于编号的问题你自己解决!</p> </div> <input type="button" onclick="setext(18)" value="放大选中字体" /> <script type="text/javascript"> var $=function(id){return document.getElementById(id);}; function setext(i){ if(document.selection){ var c=document.selection.createRange().text; var re=new RegExp(c,"gmi"); var s=$("cont").innerHTML.replace(re,"<span style='color:green;font-size:"+i+"px;'>"+c+"</span>"); $("cont").innerHTML=s; }else{ alert("document.selection条件不成立"); } } </script> </BODY> </HTML>
上面是刚写的一个修改选中文字大小的功能,但是有问题(不是选中的文字也会被改变),大家帮看一下要怎么改好吗?谢谢了
正确的效果应该是只有选中的内容会改变