Thuộc tính previousSibling của yếu tố HTML DOM
- Trang trước parentElement
- Trang tiếp theo previousElementSibling
- Quay lại lớp trên Đối tượng Elements của HTML DOM
Định nghĩa và cách sử dụng
previousSibling
Thuộc tính trả về nút ở cùng cấp độ cây với đối tượng Node.
previousSibling
Thuộc tính này là chỉ đọc.
Chú thích:Nếu không có nút previousSibling, giá trị trả về là null
.
Lưu ý
previousSibling
Trả về nút anh em trước: nút yếu tố, nút văn bản hoặc nút chú thích.
Khoảng trống giữa các yếu tố cũng là nút văn bản.
Giải pháp thay thế:
Thuộc tính previousElementSibling - Trả về phần tử đồng đẳng trước (bỏ qua văn bản và chú thích)。
Xin xem thêm:
Nút HTML và phần tử
Trong HTML DOMtrong (Document Object Model) của HTML tài liệu là tập hợp các nút (hoặc không) có các nút con.
NútChỉ là các nút phần tử, nút văn bản và nút chú thích.
Điều kiệnCách trống giữa chúng cũng là nút văn bản.
Trong đó phần tử chỉ là nút phần tử.
Đồng đẳng và đồng đẳng phần tử
Đồng đẳngLà "em" và "em gái".
Đồng đẳngLà các nút có cùng phần tử node (trong cùng childNodes danh sách)。
Đồng đẳng phần tửLà các phần tử có cùng phần tử cha (trong cùng children danh sách)。
Nút con và phần tử con
childNodes Trả vềNút con(Nút phần tử, nút văn bản và chú thích)。
children Trả vềPhần tử con(Phía thay vì văn bản và chú thích)。
nextSibling và nextElementSibling
nextSibling Trả về phần tử tiếp theoNút(Nút phần tử, nút văn bản hoặc nút chú thích)。Cách trống giữa các phần tử cũng là nút văn bản.
nextElementSibling Trả về phần tử tiếp theoĐiều kiện(Không trả về các nút văn bản và chú thích)。
previousSibling và previousElementSibling
previousSibling Trả về đồng đẳng trướcNút(Nút phần tử, nút văn bản hoặc nút chú thích)。Cách trống giữa các phần tử cũng là nút văn bản.
previousElementSibling Trả về đồng đẳng trướcĐiều kiện(Không trả về các nút văn bản và chú thích)。
Mẫu
Trả về nội dung HTML của đồng đẳng trước của mục danh sách:
document.getElementById("item2").previousSibling.innerHTML;
Cú pháp
element.previousSibling
hoặc
node.previousSibling
Trả về giá trị
Loại | Mô tả |
---|---|
Nút | Đồng đẳng trước của nút. |
null | Nếu không tồn tại đồng đẳng trước. |
Hỗ trợ trình duyệt
element.previousSibling
Là tính năng DOM Level 1 (1998).
Tất cả các trình duyệt đều hỗ trợ hoàn toàn nó:
Chrome | IE | Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
Chrome | IE | Edge | Firefox | Safari | Opera |
Hỗ trợ | 9-11 | Hỗ trợ | Hỗ trợ | Hỗ trợ | Hỗ trợ |
- Trang trước parentElement
- Trang tiếp theo previousElementSibling
- Quay lại lớp trên Đối tượng Elements của HTML DOM