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属性的第一个浏览器版本:

属性
innerText44510.5310

属性值

描述
text指定元素的文本内容

技术细节

返回值:表示元素的呈现文本内容的字符串
DOM版本:DOM级别1

更多实例

此示例演示了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 对象