自己写的修改选中内容功能有问题，求指点谢谢
程序代码：<!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>上面是刚写的一个修改选中文字大小的功能，但是有问题(不是选中的文字也会被改变)，大家帮看一下要怎么改好吗？谢谢了
正确的效果应该是只有选中的内容会改变
