innerText和innerHTML的区别
2007-12-11 20:20
411 查看
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字符！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 区别：innerHTML---innerText---createTextNode--document.write
- innerText 与 innerHtml的区别 （二）
- innerText与innerHTML区别
- innerText 与innerHTML区别
- innerText和innerHtml的区别
- JavaScript中innerHTML与innerText，createTextNode的区别
- JavaScript innerText与innerHtml与value的区别
- innerText与innerHTML区别
- innerText和innerHTML区别
- innerHTML（html()）和innerText（text()）的区别
- js中innerText，value，innerHTML的区别
- innerText 和innerHTML的区别
- innerText, innerHTML, outerHTML 三者的区别
- outerHTML、innerHTML以及innerTEXT的区别
- JavaScript中innerText,innerHTML,outerText,outerHTML使用心得和区别
- innerText和innerHtml区别
- Html服务器控件常用属性-InnerHtml属性及InnerText属性的区别
- innerText和innerHTML区别
- JavaScript innerText与innerHtml与value的区别
- innerHTML属性，outerHTML属性，textContent属性，innerText属性区别详解