Phần tử DOM HTML nextElementSibling
Ví dụ
Trả về nội dung HTML của anh chị em tiếp theo:
let text = element.nextElementSibling.innerHTML;
Hãy tự mình thử »Sự miêu tả
Thuộc tính nextElementSibling
trả về phần tử tiếp theo trong cùng cấp độ cây.
Thuộc tính nextElementSibling
ở dạng chỉ đọc.
Xem thêm:
Nút và phần tử
Trong thuật ngữ HTML DOM:
Các nút là tất cả các nút (nút phần tử, nút văn bản và nút nhận xét).
Khoảng trắng giữa các phần tử cũng là các nút văn bản.
Các phần tử chỉ là các nút phần tử.
Anh chị em vs Anh chị em nguyên tố
Anh chị em là “anh em” và “chị em”.
Anh chị em là các nút có cùng cha mẹ (trong cùng danh sách nút con ).
Anh chị em phần tử là các phần tử có cùng cha mẹ (trong cùng danh sách con ).
conNodes vs trẻ em
childNodes trả về các nút con (nút phần tử, nút văn bản và nút nhận xét).
trẻ em trả về các phần tử con (không phải nút văn bản và nhận xét).
nextSibling vs nextElementSibling
nextSibling trả về nút tiếp theo (nút phần tử, nút văn bản hoặc nút nhận xét). 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ử tiếp theo (không phải nút văn bản và nhận xét).
trướcAnh chị em ruột so với trướcThành phầnAnh chị em ruột
trướcSibling trả về nút trước đó (nút phần tử, nút văn bản hoặc nút nhận xét). Khoảng trắng giữa các phần tử cũng là các nút văn bản.
trướcElementSibling trả về phần tử trước đó (không phải nút văn bản và nhận xét).
Cú pháp
element .nextElementSibling
Giá trị trả về
Kiểu | Sự miêu tả |
Yếu tố | Phần tử anh chị em tiếp theo.null nếu không có anh chị em tiếp theo tồn tại. |
Hỗ trợ trình duyệt
element.nextElementSibling
là tính năng DOM Cấp 3 (2004).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt hiện đại:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 11 |