innerText和innerHTML的区别
来源：网络收集 责任编辑：栏目编辑 发表时间:2013-07-02 00:05 点击:次
innerText和innerHTML的区别
先看下面的代码
<html>
<head><title>test</title>
<script language="javascript">
function show1(){
document.all.test.innerText="<font color=blue>test</font>";
}
function show2(){
document.all.test.innerHTML="<font color=blue>test</font>";
}
</script>
</head>
<body>
<table><tr><td id=test><font color=red>innerText</font></td>
</tr></table>
<a href="javascript:show1();">testinnerText</a>
<a href="javascript:show2();">testinnerHTML</a>
</body>
</html>
对于innerText，即把"<font color=blue>test</font>"当成整体内容显示出来。而对于innerHTML而言，则把"<font color=blue>test</font>"当成页面的一部分，即显示兰色的test字符！
先看下面的代码
<html>
<head><title>test</title>
<script language="javascript">
function show1(){
document.all.test.innerText="<font color=blue>test</font>";
}
function show2(){
document.all.test.innerHTML="<font color=blue>test</font>";
}
</script>
</head>
<body>
<table><tr><td id=test><font color=red>innerText</font></td>
</tr></table>
<a href="javascript:show1();">testinnerText</a>
<a href="javascript:show2();">testinnerHTML</a>
</body>
</html>
对于innerText，即把"<font color=blue>test</font>"当成整体内容显示出来。而对于innerHTML而言，则把"<font color=blue>test</font>"当成页面的一部分，即显示兰色的test字符！
相关新闻>>
最新推荐更多>>>
- 发表评论
-
- 最新评论 更多>>
