innertext和innerhtml的区别

john320

于 2008-01-20 17:03:00 发布

阅读量389

点赞数

分类专栏： JavaScript 文章标签： javascript function html

本文链接：https://blog.youkuaiyun.com/john320/article/details/2054841

版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

本文通过一个简单的HTML示例，展示了JavaScript中innerText与innerHTML属性的区别。innerText仅改变元素内的文本颜色而不解析HTML标签，innerHTML则会将设置的内容作为HTML代码解析并呈现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>