159 of 264 menu

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

eleman.previousElementSibling;

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

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

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

console.log(text);

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

'kardeş'

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

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

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

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

null

Türkçe▼

Web sitesinin çalışması, analiz ve kişiselleştirme için çerezleri kullanıyoruz. Veri işleme, Gizlilik Politikası'na uygun olarak gerçekleşir.