previousElementSibling Özelliği

previousElementSibling özelliği, aynı ebeveynde bulunan önceki elemanı içerir. Eğer böyle bir eleman yoksa - null döndürülür.

Sözdizimi

javascripteleman.previousElementSibling;

Örnek

#elem elemanı verilsin. Üstteki komşusunun metnini yazdıralım:

html<p>kardeş</p>
<p id="elem">eleman</p>

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

console.log(text);

Kodun çalıştırılmasının sonucu:

javascript'kardeş'

Örnek

Eğer üstteki komşu yoksa veya bizim elemanımızın ebeveyninde bulunmuyorsa, yine null döndürülür:

html<p>kardeş</p>
<div>
  <p id="elem">eleman</p>
</div>

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

Kodun çalıştırılmasının sonucu:

javascriptnull

Ayrıca Bakınız