HTMLElement: thuộc tính outerText
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2022.
Thuộc tính outerText của giao diện HTMLElement trả về cùng giá trị như HTMLElement.innerText.
Khi dùng làm setter, nó thay thế toàn bộ nút hiện tại bằng văn bản đã cho (điều này khác với innerText, thay thế nội dung bên trong nút hiện tại).
Xem HTMLElement.innerText để biết thêm thông tin và các ví dụ mô tả cách cả hai thuộc tính được dùng làm getter.
Giá trị
Một chuỗi đại diện cho nội dung văn bản được hiển thị của phần tử và các con của nó.
Nếu bản thân phần tử không đang được hiển thị (ví dụ: đã bị tách khỏi tài liệu hoặc bị ẩn khỏi tầm nhìn), giá trị trả về giống như thuộc tính Node.textContent.
Khi dùng làm setter, nó thay thế nút hiện tại bằng văn bản đã cho, chuyển đổi bất kỳ xuống dòng nào thành các phần tử <br>.
Ví dụ
Ví dụ này làm nổi bật sự khác biệt cơ bản giữa outerText và innerText khi dùng làm setter (chúng giống nhau khi dùng làm getter).
Note: Ví dụ là phiên bản sửa đổi của What is the difference between innerText and outerText? (Stack overflow) bởi codingintrigue, được cấp phép theo CC BY-SA 3.0.
Xét một trang có HTML sau:
<div>
<p>Original content</p>
</div>
outerText thay thế toàn bộ phần tử được chọn, vì vậy đoạn JavaScript p.outerText = "Whole element replaced" thay thế toàn bộ phần tử p được chọn:
<div>Whole element replaced</div>
Ngược lại, p.innerText = "Content inside element replaced" thay thế nội dung bên trong phần tử p được chọn:
<div>
<p>Content inside element replaced</p>
</div>
Thông số kỹ thuật
| Specification |
|---|
| HTML # dom-outertext |