HTML DOM 元素的 innerText
描述
innerText 属性设置或返回元素的文本内容。
区别
innerHTML、innerText 和 textContent
见下文
语法
返回元素或节点的文本内容
element.innerText或
node.innerText
设置元素或节点的文本内容
element.innerText = text或
node.innerText = text
属性值
| 属性 | 描述 |
| text | 元素的文本内容。 |
返回值
| 类型 | 描述 |
| 字符串 | 元素及其所有后代的文本内容，除了 <script> 和 <style> 元素。 |
区别
innerHTML、innerText 和 textContent
| innerHTML 属性返回 元素的文本内容，包括所有间距和内部 HTML 标签。 |
| innerText 属性返回 仅元素的文本内容及其所有子代，不包括 CSS 隐藏文本、间距和标签，<script> 和 <style> 元素除外。 |
| textContent 属性返回 元素及其所有后代的文本内容，包括间距和 CSS 隐藏文本，但不包括标签。 |
HTML 示例
<p id="myP"> 此元素有额外间距 且包含 <span>一个 span 元素</span>。</p>
JavaScript 示例
let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;
自己动手试一试 »
在上面的例子中
| innerText 属性返回 此元素有额外间距且包含一个 span 元素。 |
| innerHTML 属性返回 此元素有额外间距 且包含 <span>一个 span 元素</span>。 |
| textContent 属性返回 此元素有额外间距 且包含一个 span 元素。 |
浏览器支持
element.innerText 在所有浏览器中都受支持
| Chrome | IE | Edge | Firefox | Safari | Opera |
| 是 | 10-11 | 是 | 是 | 是 | 是 |
