利用javascript把网页选中的文本替换成一个链接或改变选中文本的文字的字体和颜色

利用javascript把网页选中的文本替换成一个链接或改变选中文本的文字的字体和颜色：
或利用javascript把选中文本直接替换成用javascript生成的一个节点。

解决方案 »

  1.   

    命题很复杂.如果能确认选中文本只会在同一个标签下.且不考虑IE外的情况下,可以尝试用textRange来做.
      

  2.   

    我知道有用document.selection.creatRange()来做的例子，但我不知道具体它能有那些灵活多变的用法（最好给例子代码），还有firefox能不能也可以又这样的效果。
      

  3.   

    FF也能做到.不过实现方法不同.因为FF的TextRange和IE的接口是完全不同的.
    至于代码嘛...偶懒了...楼下加油...
      

  4.   


    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>测试一下</title>
    <script type="text/javascript">
    function  rep(){
    var a=document.createElement("a");
    var text=document.createTextNode("百度一下");
    var href=document.createAttribute("href");
    href.value="http://www.baidu.com";
    a.setAttributeNode(href);
    a.appendChild(text);
    var span=document.getElementById("span1");
    document.body.replaceChild(a,span);
    }
    function change(){
    document.getElementById("span2").style.color='blue';
    }
    </script>
    </head><body>
    <span id="span1">目标文字1</span><BR>
    <input type="button" value="替换文本" onclick="rep()"><BR>
    <span id="span2">目标文字2</span><BR>
    <input type="button" value="改变颜色" onclick="change()"><BR>
    </body>
    </html>
    测试过了 在FileFox和IE都能正常显示！不知道这个效果是不是你想要的！
      

  5.   

    请注意选中文本字样你的代码明显不符合要求。
    对了 我还有新问题就是：如何在线修改了一个html然后保存该html。问题能够解决 承诺双倍加分
      

  6.   

    IE 下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function test(type) {
    var range = document.selection.createRange();
    if (type == 1)
    {
    document.execCommand("CreateLink",false,"http://www.csdn.net"); }else {
    document.execCommand("ForeColor","false","#FF0033");
    }
    }
    //-->
    </SCRIPT>
     <BODY>
      <div>A TEST STRING</div>
      
      <INPUT TYPE="button" VALUE="ADD LINK" ONCLICK="test(1);">
      <INPUT TYPE="button" VALUE="CHANGE COLOR" ONCLICK="test(2);">
     </BODY>
    </HTML>
      

  7.   

    有没有推荐在IE下javascript编程的书