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