Thuộc tính previousElementSibling của HTML DOM Element
- Trang trước previousSibling
- Trang tiếp theo querySelector()
- Quay lại lớp trên Đối tượng Elements của HTML DOM
Định nghĩa và cách sử dụng
previousElementSibling
Thuộc tính này trả về phần tử trước cùng ở cùng cấp trong cây.
previousElementSibling
Thuộc tính này là chỉ đọc.
Xin xem thêm:
Nút HTML và đối tượng
Trong HTML DOMtrong (Document Object Model), tài liệu HTML là tập hợp các nút (hoặc không) có con.
NútChỉ định các nút đối tượng, nút văn bản và chú thích.
Đối tượngKhoảng trống giữa các đối tượng cũng là nút văn bản.
Đối tượng chỉ là nút đối tượng.
Anh em và anh em đối tượng
Anh emLà 'anh em' và 'em gái'.
Anh emLà các nút có cùng nút cha (trong cùng childNodes danh sách).
Đối tượng anh emLà các đối tượng có cùng cha (trong cùng children danh sách).
Con nút và con
childNodes Trả vềCon nút(Nút đối tượng, nút văn bản và chú thích).
children Trả vềCon(Như không phải là văn bản và chú thích).
nextSibling và nextElementSibling
nextSibling Trả về anh em sauNút(Nút đối tượng, nút văn bản hoặc chú thích)。Khoảng trống giữa các đối tượng cũng là nút văn bản.
nextElementSibling Trả về anh em sauĐối tượng(Không trả về các nút văn bản và chú thích).
previousSibling và previousElementSibling
previousSibling Trả về anh em trướcNút(Nút đối tượng, nút văn bản hoặc chú thích)。Khoảng trống giữa các đối tượng cũng là nút văn bản.
previousElementSibling Trả về anh em trướcĐối tượng(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 anh em trước:
let text = element.previousElementSibling.innerHTML;
Cú pháp
element.previousElementSibling
Trả về giá trị
Loại | Mô tả |
---|---|
Đối tượng | Anh em trước |
null | Nếu không có anh em trước. |
Hỗ trợ trình duyệt
element.previousElementSibling
Là tính năng DOM Level 3 (2004).
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 previousSibling
- Trang tiếp theo querySelector()
- Quay lại lớp trên Đối tượng Elements của HTML DOM