Văn bản bên trong của phần tử DOM HTML
Ví dụ
Lấy văn bản bên trong của một phần tử:
let text = element.innerText;
Hãy tự mình thử »Thêm ví dụ dưới đây.
Sự miêu tả
Thuộc tính innerText
đặt hoặc trả về nội dung văn bản của một phần tử.
Ghi chú
Khi bạn đặt thuộc tính InnerText, 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 phần tử hoặc nút:
element .innerText
hoặc
node .innerText
Đặt nội dung văn bản của một phần tử hoặc nút:
element .innerText = text
hoặc
node .innerText = 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ử. |
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ả phần tử con, ngoại trừ phần tử <script> và <style>. |
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.innerText
được hỗ trợ trong tất cả các trình duyệt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 10-11 | Yes | Yes | Yes | Yes |