Xüsusiyyət offsetParent

offsetParent xüsusiyyəti elementin yerləşdirilməsinin nisbətən aparıldığı ən yaxın valideyni ehtiva edir. Bu, ya position CSS xüsusiyyəti static-dən fərqli olan ən yaxın valideyn, ya da belə bir yerləşdirməsi olan valideyn olmadıqda body teqi olacaq.

Sintaksis

element.offsetParent;

Nümunə

Gəlin position xüsusiyyəti static-dən fərqli olan valideyn elementi tapaq:

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

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

Kodun icrasının nəticəsi:

'parent2'

Nümunə

Əgər valideyn elementlərin yerləşdirməsi yoxdursa, onda offsetParent body-ni ehtiva edir:

<div>
	<p id="elem">mətn</p>
</div>

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

Kodun icrasının nəticəsi:

'BODY'

Həmçinin baxın

yerləşdirməsi olan valideyni ehtiva edən
offsetParent xüsusiyyəti
elementin yuxarıdan ofsetini ehtiva edən
offsetTop xüsusiyyəti
elementin soldan ofsetini ehtiva edən
offsetLeft xüsusiyyəti
elementin ofsetini tapan
getBoundingClientRect metodu