Propriedade previousElementSibling

A propriedade previousElementSibling contém o elemento anterior, localizado no mesmo elemento pai. Se não houver tal elemento - é retornado null.

Sintaxe

javascriptelemento.previousElementSibling;

Exemplo

Dado o elemento #elem. Vamos exibir o texto do seu irmão anterior:

html<p>irmão</p>
<p id="elem">elem</p>

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

console.log(text);

Resultado da execução do código:

javascript'irmão'

Exemplo

Se não houver um irmão anterior ou se ele estiver localizado fora do pai do nosso elemento, também é retornado null:

html<p>irmão</p>
<div>
  <p id="elem">elem</p>
</div>

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

Resultado da execução do código:

javascriptnull

Veja também