Propriedade previousElementSibling
A propriedade previousElementSibling contém
o elemento anterior, localizado no mesmo
elemento pai. Se não houver tal elemento - é retornado
null.
Sintaxe
elemento.previousElementSibling;
Exemplo
Dado o elemento #elem. Vamos exibir
o texto do seu irmão anterior:
<p>irmão</p>
<p id="elem">elem</p>
let elem = document.querySelector('#elem');
let text = elem.previousElementSibling.textContent;
console.log(text);
Resultado da execução do código:
'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:
<p>irmão</p>
<div>
<p id="elem">elem</p>
</div>
let elem = document.querySelector('#elem');
console.log(elem.previousElementSibling);
Resultado da execução do código:
null
Veja também
-
a propriedade
nextElementSibling,
que contém o irmão seguinte (próximo elemento)
