HTML DOM innerText 属性
页面下方有更多实例。
定义和用法
innerText 属性设置或返回指定节点及其所有子节点的文本内容。
如果设置 innerText 属性，将删除所有子节点，并将其替换为包含指定字符串的单个文本节点。
注释: 此属性与 textContent 属性类似，但有一些区别:
- textContent 返回所有元素的文本内容，而innerText返回所有元素的内容，除了<script>和<style>元素。
- innerText 不会返回使用 CSS 隐藏的元素的文本 (textContent 将返回)。 试一试 »
提示: 要设置或返回元素的HTML内容，请使用 innerHTML 属性。
浏览器支持
表中的数字表示支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
语法
返回节点的文本内容:
node.innerText
设置节点的文本内容:
node.innerText = text
属性值
| 值 | 类型 | 描述 |
|---|---|---|
| text | String | 指定节点的文本内容 |
技术细节
| 返回值: | 一个字符串，表示节点及其所有子节点的"呈现"文本内容 |
|---|
更多实例
实例
此示例演示 innerText、innerHTML 和 textContent 之间的一些差异:
<p id="demo"> This element has extra spacing and contains <span>a span
element</span>.</p>
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML() {
alert(document.getElementById("demo").innerHTML)
}
function getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
亲自试一试 »
<script>
function getInnerText() {
alert(document.getElementById("demo").innerText)
}
function getHTML() {
alert(document.getElementById("demo").innerHTML)
}
function getTextContent() {
alert(document.getElementById("demo").textContent)
}
</script>
使用指定的属性获取上面 <p> 元素的内容:
innerText 属性只返回文本，没有间距和内部元素标记。
innerHTML 属性返回文本，包括所有间距和内部元素标记。
textContent 属性返回带间距但不带内部元素标记的文本。
