innerText和innerHTML的区别
2007-12-11 13:59
309 查看
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字符!
相关文章推荐
- js中innerHTML,innerText,outerHTML的用法和区别
- js中innerHTML与innerText的用法与区别
- js中innerHTML,innerText,outerHTML的用法和区别【转】
- innerHTML、innerText和outerHTML、outerText的区别
- innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- InnerHTML、InnerText、outerHTML、outerText的区别
- innerText 与innerHTML区别
- innerHTML、outerHTML、innerText、outerText的区别
- Value,innerHtml,innerText的区别
- innerHTML、innerText和outerHTML、outerText的区别
- js中innerHTML与innerText的用法与区别
- js中innerHTML与innerText的用法与区别
- innerHTML、outerHTML、innerText、outerText的区别
- javascript innerHTML、outerHTML、innerText、outerText的区别
- js中innerHTML与innerText的用法与区别
- innerhtml和innertext的用法以及区别
- javaScript中outerHTML,innerHTML,innerText,outerText的区别
- javascript中innerHTML、innerText、outertHTML的区别与各自的用法
- innerHTML与innerText的用法与区别