关于<pre>标签的使用

同样是网div里添加pre后添加内容，就是添加的方法不同，为何效果不同，<pre>不能用document.createElement方式创建吗？如何动态创建<pre>?

解决方案 »

  1.   

    我想动态往pre里添加内容，但是动态添加的内容就不会把换行等效果显现出来了，回个车看看，两个效果是不一样的，在ie下。
      

  2.   


    <body>
        <div id="t" style="border:1px solid red;width:200px;height:300px;"></div>
        <textarea onkeydown="fun1(this)"></textarea>
        <textarea onkeydown="fun2(this)"></textarea>
    </body>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
        function fun1(obj)
        {
            document.getElementById("t").innerHTML="<pre>"+obj.value+"</pre>";
        }    function fun2(obj)
        {document.getElementById("t").innerHTML=""
            var p=document.createElement("pre");
            var text = document.createTextNode(obj.value);
            p.appendChild(text);
            document.getElementById("t").appendChild(p);
        }
    //-->
    </SCRIPT>这样写比较正规吧，经测试有效，你的代码只有在IE下不可以吧，其它的浏览器我测试过，都没有问题．
      

  3.   

    谢谢，请到http://topic.csdn.net/u/20081024/12/ce163f00-af88-4072-b7a3-784f8178cd96.html再给你多加点分，太感谢你了
      

  4.   

    哎呀，ITCamel大侠，好像效果还是会有一点点不一样哦，虽然换行了，但是第二行起前面会有空白？怎么办呀？