关于<pre>标签的运用
日期：2014-05-16 浏览次数：20385 次
关于<pre>标签的使用
------解决方案--------------------
<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下不可以吧，其它的浏览器我测试过，都没有问题．
- HTML code
<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");
document.getElementById("t").appendChild(p);
p.innerHTML=obj.value;
}
//-->
</SCRIPT>
------解决方案--------------------
<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下不可以吧，其它的浏览器我测试过，都没有问题．
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
