Thuộc tính previousSibling của yếu tố 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:

Thuộc tính nextSibling

Thuộc tính firstChild

Thuộc tính lastChild

Thuộc tính childNodes

Thuộc tính hasChildNodes()

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;

Thử ngay

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ợ