Proprietà nextSibling dell'elemento HTML DOM

Definizione e uso

nextSibling La proprietà restituisce il nodo successivo allo stesso livello dell'albero.

nextSibling Restituisce un oggetto Node.

nextSibling Le proprietà sono solo lettura.

Attenzione

nextSibling Restituisce il successivo nodo gemello: nodo elemento, nodo testo o nodo commento.

Gli spazi tra gli elementi sono anche nodi di testo.

Soluzione alternativa:

Proprietà nextElementSibling - nextElementSibling Restituisce il successore del fratello dell'elemento (ignora i nodi di testo e i commenti).

Vedi anche:

Proprietà previousSibling

Proprietà firstChild

Proprietà lastChild

Proprietà childNodes

Metodo hasChildNodes()

Nodo HTML e elemento

In HTML DOMnel (o senza) documento HTML è un insieme di nodi che hanno (o non hanno) figli.

NodoSi riferisce ai nodi elemento, testo e commento.

ElementoGli spazi tra di loro sono anche nodi di testo.

mentre l'elemento è solo un nodo elemento.

Fratello e fratello di elemento

FratelloSono definiti come "fratello" e "sorella".

FratelloSono nodi che hanno lo stesso genitore (nel medesimo childNodes elencazione）.

Elemento fratelloSono elementi che hanno lo stesso genitore (nel medesimo children elencazione）.

Nodi figli e elementi figli

childNodes RestituisceNodo figlio（Nodo elemento, nodo testo e nodo commento）.

children RestituisceElemento figlio（Non nodi di testo e commenti）.

nextSibling e nextElementSibling

nextSibling Restituisce il successoreNodo（Nodo elemento, nodo testo o nodo commento）. Gli spazi tra gli elementi sono anche nodi di testo.

nextElementSibling Restituisce il successoreElemento（Non restituisce i nodi di testo e i commenti）.

previousSibling e previousElementSibling

previousSibling Restituisce il precedenteNodo（Nodo elemento, nodo testo o nodo commento）. Gli spazi tra gli elementi sono anche nodi di testo.

previousElementSibling Restituisce il precedenteElemento（Non restituisce i nodi di testo e i commenti）.

Esempio

Restituisce il contenuto HTML del successore del fratello dell'elemento elencato:

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

Prova tu stesso

Sintassi

element.nextSibling

o

node.nextSibling

Valore di ritorno

Tipo Descrizione
Nodo Il successore del fratello dell'elemento.
null Se non esiste il successore del fratello.

Supporto del browser

element.nextSibling È una caratteristica di DOM Level 1 (1998).

Tutti i browser lo supportano completamente:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto 9-11 Supporto Supporto Supporto Supporto