Proprietà nextElementSibling

La proprietà nextElementSibling contiene il prossimo elemento, situato nello stesso genitore. Se non esiste un tale elemento, viene restituito null.

Sintassi

elemento.nextElementSibling;

Esempio

Dato un elemento #elem. Visualizziamo il testo del suo fratello successivo:

<p id="elem">elem</p>
<p>sibling</p>

let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;

console.log(text);

Risultato dell'esecuzione del codice:

'sibling'

Esempio

Se non c'è un fratello successivo o non è posizionato nel genitore del nostro elemento, viene restituito anche null:

<div>
	<p id="elem">elem</p>
</div>
<p>sibling</p>

let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);

Risultato dell'esecuzione del codice:

null

Vedi anche

la proprietà previousElementSibling,
che contiene l'elemento precedente