Propiedad previousElementSibling

La propiedad previousElementSibling contiene el elemento anterior, ubicado en el mismo padre. Si no existe tal elemento, se devuelve null.

Sintaxis

javascriptelemento.previousElementSibling;

Ejemplo

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

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

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

console.log(text);

Resultado de la ejecución del código:

javascript'sibling'

Ejemplo

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

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

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

Resultado de la ejecución del código:

javascriptnull

Véase también