注册 登录
编程论坛 → JavaScript论坛

自己写的修改选中内容功能有问题，求指点谢谢

mgmt_asp 发布于 2011-01-26 16:19， 547 次点击
程序代码：
<!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>

上面是刚写的一个修改选中文字大小的功能，但是有问题(不是选中的文字也会被改变)，大家帮看一下要怎么改好吗？谢谢了
正确的效果应该是只有选中的内容会改变
1 回复
#2
aspic2011-02-01 13:46
程序代码：
<!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(36)" 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");
        alert(re)
        var s = $("cont").innerHTML.replace(re, "<span style='color:green;font-size:" + i + "px;'>" + c + "</span>");
        alert(s)
        $("cont").innerHTML = s
    } else {
        alert("document.selection条件不成立")
    }
}
</script>
</BODY>
</HTML>
1
©2025, BC-CN.NET
电脑版