Właściwość nextSibling obiektu HTML DOM Element

Definicja i użycie

nextSibling Atrybut zwraca następny węzeł na tym samym poziomie drzewa.

nextSibling Zwracany jest obiekt Node.

nextSibling Atrybuty są jedynie do odczytu.

Uwaga

nextSibling Zwraca następnego brata: węzeł elementu, węzeł tekstowy lub węzeł komentarza.

Białe przestrzenie między elementami również są węzłami tekstowymi.

Alternatywa:

atzustawność nextElementSibling - nextElementSibling Zwraca następny brat elementowy (pomijając węzły tekstu i komentarze).

Zobacz również:

atzustawność previousSibling

atzustawność firstChild

atzustawność lastChild

atzustawność childNodes

metoda hasChildNodes()

Węzeł HTML i element

W HTML DOMw DOM (Document Object Model), dokument HTML jest zbiorowiskiem węzłów posiadających (lub nie posiadających) węzłów potomnych.

WęzełTo oznacza węzły elementowe, węzły tekstowe i węzły komentarzy.

ElementBiałe przestrzenie między nimi są również węzłami tekstowymi.

a element to tylko węzeł elementowy.

Brat i brat elementu

BratTo oznacza "brat" i "siostra".

BratTo są węzły posiadające tego samego rodzica (w tym samym childNodes na liście).

Brat elementuTo są elementy posiadające tego samego rodzica (w tym samym children na liście).

Węzły potomne i podelementy

childNodes ZwracaWęzły potomne（węzeł elementowy, węzeł tekstowy i węzeł komentarza）。

children ZwracaPodelement（niezależnie od węzłów tekstu ani komentarzy）。

nextSibling i nextElementSibling

nextSibling Zwraca następnyWęzeł（węzeł elementowy, węzeł tekstowy lub węzeł komentarza）。Białe przestrzenie między elementami są również węzłami tekstowymi.

nextElementSibling Zwraca następnyElement（nie zwraca węzłów tekstu ani komentarzy）。

previousSibling i previousElementSibling

previousSibling Zwraca poprzedniWęzeł（węzeł elementowy, węzeł tekstowy lub węzeł komentarza）。Białe przestrzenie między elementami są również węzłami tekstowymi.

previousElementSibling Zwraca poprzedniElement（nie zwraca węzłów tekstu ani komentarzy）。

Przykład

Zwraca HTML treść następnego brata elementu listy:

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

Spróbuj sam

Gramatyka

element.nextSibling

lub

node.nextSibling

Zwrócona wartość

Typ Opis
Węzeł Następny brat elementu.
null Jeśli brak następnego brata.

Wspierane przeglądarki

element.nextSibling Jest to cecha DOM Level 1 (1998).

Wszystkie przeglądarki wspierają to w pełni:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Obsługiwane 9-11 Obsługiwane Obsługiwane Obsługiwane Obsługiwane