Propiedad nextElementSibling
La propiedad nextElementSibling contiene
el siguiente elemento, ubicado en el mismo
padre. Si no existe tal elemento - se devuelve
null.
Sintaxis
elemento.nextElementSibling;
Ejemplo
Dado el elemento #elem. Mostremos
el texto de su hermano siguiente:
<p id="elem">elem</p>
<p>sibling</p>
let elem = document.querySelector('#elem');
let text = elem.nextElementSibling.textContent;
console.log(text);
Resultado de ejecutar el código:
'sibling'
Ejemplo
Si no hay hermano siguiente o no está ubicado
en el padre de nuestro elemento, también se devuelve
null:
<div>
<p id="elem">elem</p>
</div>
<p>sibling</p>
let elem = document.querySelector('#elem');
console.log(elem.nextElementSibling);
Resultado de ejecutar el código:
null
Véase también
-
la propiedad
previousElementSibling,
que contiene el elemento anterior
