innerHTML和innerText的比较
在Web前端开发中,需要把输入框转化成Span标签的内容(为了不让修改,只读模式)
然而在开发的时候发现,spanID.innerHTML得到的结果是不会换行的,这样的话格式就改变了,内容变得臃肿难看.
因此,开始研究改进方法,幸运地发现了innerText.下面代码可以看出两者的区别.
然而在开发的时候发现,spanID.innerHTML得到的结果是不会换行的,这样的话格式就改变了,内容变得臃肿难看.
因此,开始研究改进方法,幸运地发现了innerText.下面代码可以看出两者的区别.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
</HEAD>
<BODY>
<span>innerHTML的结果</span><br />
<span id="span1"></span><br /><br />
<span>innerText的结果</span><br />
<span id="span2"></span><br /><br />
<textarea id="txtInpRequest" rows ="2" style="width:99%;"></textarea>
<INPUT id="btnTest" TYPE="button" VALUE="输出" ONCLICK="JavaScript:test()">
<script type="text/javascript" language="javascript">
function test()
{
document.getElementById("span1").innerHTML = document.getElementById("txtInpRequest").value;
document.getElementById("span2").innerText = document.getElementById("txtInpRequest").value;
}
</script>
</BODY>
</HTML>
结果如下所示:
具体两者的差别仍在搜索中.(待完善)
