Propiedad nextElementSibling

La propiedad nextElementSibling contiene el siguiente elemento, ubicado en el mismo padre. Si no existe tal elemento - se devuelve null.

Sintaxis

javascriptelemento.nextElementSibling;

Ejemplo

Dado el elemento #elem. Mostremos el texto de su hermano siguiente:

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

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

console.log(text);

Resultado de ejecutar el código:

javascript'sibling'

Ejemplo

Si no hay hermano siguiente o no está ubicado en el padre de nuestro elemento, también se devuelve null:

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

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

Resultado de ejecutar el código:

javascriptnull

Véase también