HTML DOM Element attributo nextElementSibling

Definizione e uso

nextElementSibling L'attributo restituisce l'elemento successivo nello stesso livello dell'albero.

nextElementSibling L'attributo è di sola lettura.

Vedi anche:

attributo previousElementSibling

Proprietà children

Proprietà firstElemenChild

Proprietà lastElementChild

Proprietà childElementCount

Nodi HTML ed elementi

In HTML DOM(Document Object Model) in cui l'HTML è una raccolta di nodi (o senza) che hanno (o non hanno) figli.

NodoSi riferisce ai nodi di elemento, nodi di testo e nodi di commento.

ElementoGli spazi tra gli elementi sono anche nodi di testo.

Mentre l'elemento è solo un nodo di elemento.

Fratello e fratello di elemento

FratelloSono 'fratelli' e 'sorelle'.

FratelloSono nodi che hanno lo stesso genitore (nello stesso childNodes elenco).

Elemento fratelloSono elementi che hanno lo stesso genitore (nello stesso children elenco).

Nodi figlio e elementi figlio

childNodes RestituisceNodo figlio(Nodi di elemento, nodi di testo e nodi di commento).

children RestituisceElemento figlio(Non nodi di testo e commenti).

nextSibling e nextElementSibling

nextSibling Restituisce il successivoNodo(Nodi di elemento, nodi di testo o nodi di commento). Gli spazi tra gli elementi sono anche nodi di testo.

nextElementSibling Restituisce il successivoElemento(Non restituisce nodi di testo e commenti).

previousSibling e previousElementSibling

previousSibling Restituisce il precedenteNodo(Nodi di elemento, nodi di testo o nodi di commento). Gli spazi tra gli elementi sono anche nodi di testo.

previousElementSibling Restituisce il precedenteElemento(Non restituisce nodi di testo e commenti).

Esempio

Restituisce il contenuto HTML del fratello successivo:

let text = element.nextElementSibling.innerHTML;

Prova personalmente

Sintassi

element.nextElementSibling

Valore di ritorno

Tipo Descrizione
Elemento Elemento fratello successivo.
null Se non esiste il successivo fratello.

Supporto del browser

element.nextElementSibling È una funzionalità del DOM Level 3 (2004).

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