JS --- 操作内部样式 -->innerHTML，innerText

dengsi1957

于 2018-09-03 14:31:00 发布

阅读量445

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhuoshen/p/9578329.html

版权

本文深入讲解了HTML中innerHTML和innerText属性的区别与应用。innerHTML用于获取和设置元素内部的HTML结构，能够解析并显示HTML标签；而innerText仅获取或设置纯文本内容，不解析HTML标签。通过示例代码演示了两者的不同效果。

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

1.innerHTML 表示获取元素内部的HTML
得到元素内部的HTML Ele.innerHTML
赋值元素内部的HTML 覆盖原有元素可以解析HTML

2.innerText 表示获取元素内部的文本
得到元素内部的文本 Ele.innerText
赋值元素内部的文本覆盖原有元素不会输出我们的HTML

<div id="box">
    <p>你好</p>
</div>

<script type="text/javascript">
    var oBox = document.getElementById('box');

    oBox.innerText = "我好"
    oBox.innerHTML = "<h1>大家好</h1>";
</script>

转载于:https://www.cnblogs.com/zhuoshen/p/9578329.html