execCommand问题

<textarea name=text>asdjjksadhdjjjsj</textarea>
<input type=button value="插入DIV" onclick=instTag("div")>
<script>
function instTag(tagName){
   var t=document.all.text;
   t.focus();
   var tt=document.selection.createRange();
   if (tt.text==null) {alert("请选择文本");return;}
   switch(tagName){
      case "div":
         tt.text="<"+tagName+" style='border-width:1;border-color:red;border-style:solid'>+tt.text+"</"+tagName+">";
         break;
      case "font":
         break;
   }}
</script>

解决方案 »

  1.   

    参考
    -------------------------------------------------
    其实我的需求是这样的，一个在线编辑器编辑区有一段文字，我想选择它，然后，用一个函数把它的外边套上div，比如文字为   abcd,执行完后我想变成  <div>abcd</div>,如果能在div中写入style最好了，我觉得这个函数也许能实现，但是不会用，还请高手指点，如果这个函数不行的话，那么怎样才能实现效果呢？
    <input type="button" value="选择的字变红色" onclick="setRed()">
        
    <script language="javascript">function setRed()
    {
    rng = document.selection.createRange();
    if(rng.htmlText.length == 0 ) return;
    rng.pasteHTML("<span style='color:red;'>"+rng.htmlText+"</span>");
    }
    </script>