Text: wholeText property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Thuộc tính chỉ đọc wholeText của giao diện Text trả về toàn bộ văn bản của tất cả các nút Text liền kề về mặt logic với nút đó. Văn bản được nối theo thứ tự trong tài liệu. Điều này cho phép chỉ định bất kỳ nút văn bản nào và lấy tất cả văn bản liền kề dưới dạng một chuỗi đơn.
Note:
Điều này tương tự với việc gọi Node.normalize() rồi đọc giá trị văn bản, nhưng không sửa đổi cây.
Giá trị
Một chuỗi với văn bản được nối.
Ví dụ
Giả sử bạn có đoạn văn đơn giản sau trong trang web của mình:
<p>
Through-hiking is great!
<strong>No insipid election coverage!</strong> However,
<a href="https://en.wikipedia.org/wiki/Absentee_ballot">casting a ballot</a>
is tricky.
</p>
Bạn quyết định không thích câu ở giữa và xóa nó:
const paragraph = document.querySelector("p"); // Đọc đoạn văn
paragraph.removeChild(paragraph.childNodes[1]); // Xóa phần tử strong
Bây giờ bạn có "Through-hiking is great! However, casting a ballot is tricky.", với hai nút trước siêu liên kết:
- Một
Textchứa chuỗi"Through-hiking is great!" - Một nút
Textthứ hai chứa chuỗi" However, "
Để lấy cả hai nút đó cùng một lúc, bạn gọi paragraph.childNodes[0].wholeText:
console.log(`'${paragraph.childNodes[0].wholeText}'`); // 'Through-hiking is great! However, '
Thông số kỹ thuật
| Specification |
|---|
| DOM # ref-for-dom-text-wholetext① |
Tương thích trình duyệt
Xem thêm
- Giao diện
Textmà thuộc tính này thuộc về.