Przykład
Pobierz zawartość HTML następnego rodzeństwa elementu listy:
var x =
document.getElementById("item1").nextElementSibling.innerHTML;
Wynikiem X będzie:
Tea (second li)
Spróbuj sam " Definicja i Wykorzystanie
Nieruchomość nextElementSibling zwraca element bezpośrednio po określonym elemencie, na tym samym poziomie drzewa.
Różnica między tym obiekcie i nextSibling , że nextSibling zwraca następny węzeł rodzeństwa jako węzeł elementu, węzła tekstowego lub węzła komentarza, natomiast nextElementSibling zwraca następny węzeł rodzeństwa jako węzeł elementu (ignores text and comment nodes) .
Ta właściwość jest tylko do odczytu.
Wskazówka: Użyj previousElementSibling właściwość, aby powrócić do poprzedniego elementu określonego elementu.
Wskazówka: Użyj dzieci właściwość, aby powrócić dowolny element podrzędny określonego elementu.
Wsparcie przeglądarka
Nieruchomość | |||||
---|---|---|---|---|---|
nextElementSibling | 2.0 | 9.0 | 3.5 | 4.0 | 10,0 |
Składnia
node .nextElementSibling
Szczegóły techniczne
Zwracana wartość: | Obiekt węzeł reprezentujący następną rodzeństwa elementu lub null jeżeli nie ma następnego rodzeństwa |
---|---|
DOM Version | Rdzeń Level 3 Element Traversal |