Phần tử DOM HTML tiếp theoAnh chị em
Ví dụ
Trả về nội dung HTML của phần tử kế tiếp của một mục danh sách:
document.getElementById("item1").nextSibling.innerHTML;
Hãy tự mình thử »Sự miêu tả
Thuộc tính nextSibling
trả về nút tiếp theo trên cùng cấp cây.
nextSibling
trả về một đối tượng nút.
Thuộc tính nextSibling
chỉ có thể đọc.
Quan trọng!
nextSibling
trả về nút anh chị em 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.
Thay thế:
Phần tử tiếp theo Thuộc tính anh chị em
nextElementSibling
trả về phần tử anh em tiếp theo (bỏ qua văn bản và nhận xét).
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 .nextSibling
hoặc
node .nextSibling
Giá trị trả về
Kiểu | Sự miêu tả |
Nút | Anh chị em tiếp theo của phần tử.null nếu không có anh chị em tiếp theo tồn tại. |
Hỗ trợ trình duyệt
element.nextSibling
là tính năng DOM Cấp 1 (1998).
Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:
Chrome | Edge | Firefox | Safari | Opera | IE |
Yes | Yes | Yes | Yes | Yes | 9-11 |