160 of 264 menu

nextElementSibling Özelliği

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

Sözdizimi

eleman.nextElementSibling;

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

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

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

console.log(text);

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

'sibling'

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

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

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

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.