offsetParent Özelliği

offsetParent özelliği, öğenin konumlandırılmasının gerçekleştiği en yakın üst öğeyi içerir. Bu, CSS position özelliği static olmayan en yakın üst öğe veya böyle bir konumlandırmaya sahip bir üst öğe yoksa body etiketi olacaktır.

Sözdizimi

öğe.offsetParent;

Örnek

position özelliği static'den farklı olan üst öğeyi bulalım:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">metin</p>
		</div>
	</div>
</div>

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

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

'parent2'

Örnek

Üst öğelerin konumlandırması yoksa, offsetParent body'yi içerir:

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

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

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

'BODY'

Ayrıca Bakınız

konumlandırmaya sahip üst öğeyi içeren offsetParent özelliği
öğenin üstten olan ofsetini içeren offsetTop özelliği
öğenin soldan olan ofsetini içeren offsetLeft özelliği
öğenin ofsetini bulan getBoundingClientRect metodu