Thuộc tính nextElementSibling của HTML DOM Element

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

nextElementSibling Thuộc tính này trả về phần tử tiếp theo cùng cấp trong cây.

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

Xin xem thêm:

Thuộc tính previousElementSibling

Thuộc tính children

Thuộc tính firstElemenChild

Thuộc tính lastElementChild

Thuộc tính childElementCount

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 (hoặc không) có các nút con.

NútChỉ định các nút element, nút văn bản và nút chú thích.

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

Phần tử chỉ là các nút element.

Em và phần tử em

EmLà 'em' và 'em gái'.

EmLà các nút có cùng nút cha (trong cùng childNodes danh sách）.

Phần tử emLà 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（Các nút element, nút văn bản và nút chú thích）.

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

nextSibling và nextElementSibling

nextSibling Trả về em họ em sauNút（Nút element, 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ề em họ em sauElement（Không trả về các nút văn bản và chú thích）.

previousSibling và previousElementSibling

previousSibling Trả về em họ em trướcNút（Nút element, 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ề em họ em trướcElement（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 em họ em sau:

let text = element.nextElementSibling.innerHTML;

Thử trực tiếp

Cú pháp

element.nextElementSibling

Trả về giá trị

Loại Mô tả
Element Em họ em sau.
null Nếu không có em họ em sau.

Hỗ trợ trình duyệt

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