Proprietà nextElementSibling del DOM HTML

nextElementSiblingL'attributo restituisce solo il nodo fratello successivo dell'elemento (esclusi i nodi di testo e i nodi commento);

Se non c'è un elemento同级 successivo, questo attributo restituiscenull.

UtilizzopreviousElementSiblingL'attributo restituisce l'elemento precedente dell'elemento specificato.

UtilizzochildrenL'attributo restituisce qualsiasi elemento figlio dell'elemento specificato.

Sintassi:

element.nextElementSibling

Esempio

var x = document.querySelector("#div-1").nextElementSibling.innerHTML;

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo nextElementSibling:

proprietà
nextElementSibling	2	3.5	10	4	9

Valore di ritorno:	Un oggetto Node che rappresenta il prossimo elemento同级 dell'elemento; se non c'è un elemento successivo, allora ènull
Versione DOM:	Livello DOM 3

Cambia il contenuto HTML del prossimo elemento同级 del primo elemento DIV:

Esempio

var div = document.querySelector("#div-1")
div.nextElementSibling.innerHTML = "HELLO WORLD";

Cambia il colore di sfondo del prossimo elemento fratello del primo elemento DIV:

Esempio

var div = document.querySelector("#div-1")
div.nextElementSibling.style.backgroundColor = "coral";