Thuộc tính nextSibling của Element trong HTML DOM

Định nghĩa và cách sử dụng

nextSibling Thuộc tính trả về nút tiếp theo cùng cấp.

nextSibling Trả về là đối tượng Node.

nextSibling Thuộc tính này là chỉ đọc.

Lưu ý

nextSibling Trả về nút đồng bào tiếp theo: 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 nextElementSibling - nextElementSibling Trả về đồng đẳng phần tử tiếp theo (bỏ qua các nút văn bản và chú thích).

Xin xem thêm:

Thuộc tính previousSibling

Thuộc tính firstChild

Thuộc tính lastChild

Thuộc tính childNodes

Phương thức hasChildNodes()

Nút HTML và phần tử

Trong HTML DOMtrong (Document Object Model), tài liệu HTML là tập hợp các nút có (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.

Phần tửCác khoảng trống giữa chúng cũng là các nút văn bản.

Trong đó phần tử chỉ là các nút phần tử.

Đồng đẳng và phần tử đồng đẳng

Đồng đẳngLà "anh em" và "em họ".

Đồng đẳngLà các nút có cùng nút cha (trong cùng childNodes danh sách）.

Phần tử đồng đẳngLà 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à nút chú thích）.

children Trả vềPhần tử con（không phải các nút văn bản và chú thích）.

nextSibling và nextElementSibling

nextSibling Trả vềNút（nút phần tử, nút văn bản hoặc nút chú thích）. Các 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ử（không trả về các nút văn bản và chú thích）.

previousSibling và previousElementSibling

previousSibling Trả vềNút（nút phần tử, nút văn bản hoặc nút chú thích）. Các khoảng trống giữa các phần tử cũng là các nút văn bản.

previousElementSibling Trả vềPhần tử（không trả về các nút văn bản và chú thích）.

Ví dụ

Trả về nội dung HTML của đồng đẳng tiếp theo của phần tử danh sách:

document.getElementById("item1").nextSibling.innerHTML;

Thử nghiệm ngay

Cú pháp

element.nextSibling

hoặc

node.nextSibling

Giá trị trả về

Loại Mô tả
Nút Đồng đẳng tiếp theo của phần tử.
null Nếu không tồn tại đồng đẳng tiếp theo.

Hỗ trợ trình duyệt

element.nextSibling 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ợ