Thuộc tính innerText của phần tử DOM HTML

Định nghĩa và cách sử dụng

innerText Thuộc tính thiết lập hoặc trả về nội dung văn bản của phần tử.

Ghi chú:Thiết lập innerText Khi thiết lập thuộc tính, tất cả các nút con sẽ bị xóa và chỉ được thay thế bằng một nút văn bản mới.

Xin xem thêm:

textContent 属性

innerHTML 属性

实例

获取元素的内部文本：

let text = element.innerText;

亲自试一试

语法

返回元素或节点的文本内容：

element.innerText

或

node.innerText

设置元素或节点的文本内容：

element.innerText = text

或

node.innerText = text

属性值

值 描述
text 元素的文本内容。

返回值

类型 描述
字符串 元素和所有后代的文本内容，除了 <script> 和 <style> 元素。

innerHTML、innerText 与 textContent 的区别

innerText 属性返回：

只返回元素及其所有子元素的文本内容，没有 CSS 隐藏文本间距和标签，除了 <script> 和 <style> 元素。

innerHTML 属性返回：

元素的文本内容，包括所有空白和内部 HTML 标签。

textContent 属性返回：

元素和所有后代的文本内容，带有空白和 CSS 隐藏文本，但没有标签。

HTML 实例

<p id="myP">   This element has extra spacing     and contains <span>a span element</span>.</p>

Cân bản JavaScript

let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;

亲自试一试

在上面的例子中：

innerText 属性返回：

This element has extra spacing and contains a span element.

innerHTML 属性返回：

   This element has extra spacing    and contains <span>a span element</span>.

textContent 属性返回：

   This element has extra spacing    and contains a span element.

浏览器支持

所有浏览器都支持 element.innerText：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Hỗ trợ 10-11 Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ