createRange的问题

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript">
       function changeText(){
           var range = document.selection.createRange();
           if (range.text.length > 0)
                 range.pasteHTML(range.text.fontcolor('red'));
           else
               alert("select something!");
       }
   </script>
  </head>
  <body>
       1234567890<input type="button" value="change" onclick="changeText()">
       <font color="red">ddddddd</font>
  </body></HTML>
应该是这样吧，
看看是不是你想要的呢？

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
      <head>
       <title>HTML Template</title>
       <script language="javascript">
           function changeText(){
               var range = document.selection.createRange();
               if (range.text.length > 0)
                     range.execCommand("ForeColor",false,"red")
               else
                   alert("select something!");
           }
       </script>
      </head>
      <body>
           1234567890<input type="button" value="change" onclick="changeText()">
           <font color="red">ddddddd</font>
      </body>
    </html>
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="zourinet">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="javascript">
           function changeText(){
               var range = document.selection.createRange();
               if (range.text.length > 0)
                     range.pasteHTML(range.text.fontcolor('red'));
               else
                   alert("select something!");
           }
       </script>
      </head>
      <body>
           1234567890<input type="button" value="change" onclick="changeText()">
           <font color="red">ddddddd</font>
      </body></HTML>