Phần tử DOM HTML trướcPhần tử Anh chị em ruột
Ví dụ
Trả về nội dung HTML của anh chị em trước đó:
let text = element.previousElementSibling.innerHTML;
Hãy tự mình thử »Sự miêu tả
Thuộc tính previousElementSibling
trả về phần tử trước đó trong cùng cấp độ cây.
Thuộc tính previousElementSibling
ở dạng chỉ đọc.
Xem thêm:
Nút và phần tử
Trong thuật ngữ HTML DOM:
Các nút là tất cả các nút (nút phần tử, nút văn bản và nút nhận xét).
Khoảng trắng giữa các phần tử cũng là các nút văn bản.
Các phần tử chỉ là các nút phần tử.
Anh chị em vs Anh chị em nguyên tố
Anh chị em là “anh em” và “chị em”.
Anh chị em là các nút có cùng cha mẹ (trong cùng danh sách nút con ).
Anh chị em phần tử là các phần tử có cùng cha mẹ (trong cùng danh sách con ).
conNodes vs trẻ em
childNodes trả về các nút con (nút phần tử, nút văn bản và nút nhận xét).
trẻ em trả về các phần tử con (không phải nút văn bản và nhận xét).
nextSibling vs nextElementSibling
nextSibling trả về nút tiếp theo (nút phần tử, nút văn bản hoặc nút nhận xét). Khoảng trắng giữa các phần tử cũng là các nút văn bản.
nextElementSibling trả về phần tử tiếp theo (không phải nút văn bản và nhận xét).
trướcAnh chị em ruột so với trướcThành phầnAnh chị em ruột
trướcSibling trả về nút trước đó (nút phần tử, nút văn bản hoặc nút nhận xét). Khoảng trắng giữa các phần tử cũng là các nút văn bản.
trướcElementSibling trả về phần tử trước đó (không phải nút văn bản và nhận xét).
Cú pháp
element .previousElementSibling
Giá trị trả về
Kiểu | Sự miêu tả |
Yếu tố | Phần tử anh chị em trước đó.null nếu không có anh chị em trước đó tồn tại. |
Hỗ trợ trình duyệt
element.previousElementSibling
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 |