HTML DOM innerText 属性

HTML DOM Element 对象

innerText属性设置或返回指定节点的文本内容。

innerText属性可用于将动态文本写入html文档。在这里，文本不会被解释为html文本，而是普通文本。

如果设置innerText属性，则任何子节点都将被删除，并由包含指定字符串的单个文本节点替换。

此属性类似于textContent属性，但是textContent返回所有元素的文本内容，而innerText返回除<script>和<style>元素之外的所有元素的内容。

要设置或返回元素的HTML内容，请使用innerHTML属性。

语法：

返回文本内容：

HTMLElement.innerText

设置文字内容：

HTMLElement.innerText = text

document.getElementById("para").innerText = "Hello world";

浏览器兼容性

表中的数字指定了完全支持innerText属性的第一个浏览器版本：

属性
innerText	4	45	10.5	3	10

属性值

技术细节

更多实例

此示例演示了innerText，innerHTML和textContent之间的区别：

<p id="x">该元素具有额外的间距，并包含一个 <span>span 元素</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("x").innerText);
}
function getInnerHTML() {
alert(document.getElementById("x").innerHTML);
}
function getTextContent() {
alert(document.getElementById("x").textContent);
}
</script>

innerText属性仅返回文本，不包含空格和内部元素标签。

innerHTML属性返回带有空格和内部元素标签的文本。

textContent属性返回带间距的文本，但不带内部元素标签。

相关参考

HTML DOM参考：HTML DOM innerHTML属性

HTML DOM参考：HTML DOM textContent属性

HTML DOM Element 对象