Thuộc tính HTML DOM innerText
Thí dụ
Nhận văn bản bên trong của một phần tử:
var x =
document.getElementById("myBtn").innerText;
Thêm các ví dụ "Hãy tự mình thử" bên dưới.
Định nghĩa và Cách sử dụng
Thuộc tính innerText đặ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ó .
Nếu bạn đặt thuộc tính innerText, mọi nút con sẽ bị xóa và được thay thế bằng một nút Văn bản duy nhất có chứa chuỗi được chỉ định.
Lưu ý: Thuộc tính này tương tự với thuộc tính textContent , tuy nhiên có một số khác biệt:
- textContent trả về nội dung văn bản của tất cả các phần tử, trong khi innerText trả về nội dung của tất cả các phần tử, ngoại trừ các phần tử <script> và <style>.
- innerText sẽ không trả về văn bản của các phần tử bị ẩn bằng CSS (textContent sẽ).
Mẹo: Để đặt hoặc trả về nội dung HTML của một phần tử, hãy sử dụng thuộc tính innerHTML .
Hỗ trợ trình duyệt
Các số trong bảng chỉ định phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính.
Property | |||||
---|---|---|---|---|---|
innerText | 4.0 | 10.0 | 45.0 | 3.0 | 9.6 |
Cú pháp
Trả lại nội dung văn bản của một nút:
node.innerText
Đặt nội dung văn bản của một nút:
node.innerText = text
Giá trị tài sản
Value | Type | Description |
---|---|---|
text | String | Specifies the text content of the specified node |
Chi tiết kỹ thuật
Giá trị trả lại: | Một chuỗi, đại diện cho nội dung văn bản "được hiển thị" của một nút và tất cả các nút con của nó |
---|
Các ví dụ khác
Thí dụ
Ví dụ này minh họa một số khác biệt giữa innerText, innerHTML và 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>
Lấy nội dung của phần tử <p> ở trên với các thuộc tính được chỉ định:
innerText trả về: "Phần tử này có thêm khoảng cách và chứa phần tử span."
innerHTML trả về: "Phần tử này có thêm khoảng cách và chứa <span> phần tử span </span>".
textContent 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 innerText chỉ trả về văn bản, không có khoảng cách và các thẻ phần tử bên trong.
Thuộc tính innerHTML trả về văn bản, bao gồm tất cả các thẻ khoảng cách và phần tử bên trong.
Thuộc tính textContent trả về văn bản có khoảng cách, nhưng không có thẻ phần tử bên trong.