offsetParent xususiyati

offsetParent xususiyati elementning pozitsiyalashiga nisbatan eng yaqin ota elementni o'z ichiga oladi. Bu position CSS xususiyati static ga teng bo'lmagan eng yaqin ota element yoki body tegi bo'ladi, agar bunday pozitsiyalashga ega ota element mavjud bo'lmasa.

Sintaksis

element.offsetParent;

Misol

Keling, position xususiyati static dan farq qiladigan ota elementni topamiz:

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

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

Kodni bajarish natijasi:

'parent2'

Misol

Agar ota elementlarda pozitsiyalash bo'lmasa, offsetParent body ni o'z ichiga oladi:

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

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

Kodni bajarish natijasi:

'BODY'

Shuningdek qarang

offsetParent xususiyati,
pozitsiyalashga ega ota elementni o'z ichiga oladi
offsetTop xususiyati,
elementning yuqoridan siljishini o'z ichiga oladi
offsetLeft xususiyati,
elementning chapdan siljishini o'z ichiga oladi
getBoundingClientRect metodi,
elementning siljishini topadi