Nội dung văn bản của phần tử DOM HTML
Ví dụ
Trả về nội dung văn bản của một phần tử:
let text = element.textContent;
Hãy tự mình thử »Thay đổi nội dung văn bản của phần tử <p> bằng id="demo":
element.textContent = "I have changed!";
Hãy tự mình thử »Nhận tất cả nội dung văn bản của phần tử <ul> với id="myList":
let text = document.getElementById("myList").textContent;
Hãy tự mình thử »Sự miêu tả
Thuộc tính textContent
đặt hoặc trả về nội dung văn bản của nút được chỉ định và tất cả các nút con của nó .
Ghi chú
Khi bạn đặt thuộc tính textContent, 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.
Xem thêm:
Sự khác biệt giữa
bên trongHTML, bên trong và văn bảnNội dung
Xem bên dưới
Cú pháp
Trả về nội dung văn bản của một nút:
element .textContent
hoặc
node .textContent
Đặt nội dung văn bản của một nút:
element .textContent = text
node .textContent = text
Giá trị tài sản
Tài sản | Sự miêu tả |
chữ | Nội dung văn bản của phần tử hoặc nút. |
Giá trị trả về
Kiểu | Sự miêu tả |
Sợi dây | Nội dung văn bản của phần tử và tất cả các phần tử con của nó. Trả về null nếu phần tử là tài liệu, loại tài liệu hoặc ký hiệu. |
Sự khác biệt giữa
bên trongHTML, bên trong và văn bảnNội dung
Thuộc tính bên trongHTML trả về: Nội dung văn bản của phần tử, bao gồm tất cả các thẻ khoảng cách và thẻ HTML bên trong. |
Thuộc tính InnerText trả về: Chỉ nội dung văn bản của phần tử và tất cả các phần tử con của nó, không có khoảng cách và thẻ văn bản ẩn CSS, ngoại trừ các phần tử <script> và <style>. |
Thuộc tính textContent trả về: Nội dung văn bản của phần tử và tất cả các dòng con, có khoảng cách và văn bản ẩn CSS, nhưng không có thẻ. |
Ví dụ về HTML
<p id="myP"> This element has extra spacing and contains <span>a span
element</span>.</p>
Ví dụ về JavaScript
let text = document.getElementById("myP").innerText;
let text = document.getElementById("myP").innerHTML;
let text = document.getElementById("demo").textContent;
Hãy tự mình thử »Trong ví dụ trên:
Thuộc tính InnerText trả về: Phần tử này có thêm khoảng cách và chứa phần tử span. |
Thuộc tính bên trongHTML trả về: Phần tử này có thêm khoảng cách và chứa <span>phần tử span</span>. |
Thuộc tính textContent trả về: Phần tử này có thêm khoảng cách và chứa phần tử span. |
Hỗ trợ trình duyệt
element.textContent
là tính năng DOM Cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |