offsetParent հատկությունը

offsetParent հատկությունը պարունակում է ամենամոտ ծնողական տարրը, որի նկատմամբ տեղի է ունենում տարրի դիրքավորումը: Սա կլինի կամ ամենամոտ ծնողական տարրը, որի CSS position հատկությունը հավասար չէ static, կամ body տեգը, եթե նման դիրքավորում ունեցող ծնողական տարր չկա:

Շարահյուսություն

տարր.offsetParent;

Օրինակ

Եկեք գտնենք ծնողական տարրը, որի position հատկությունը տարբերվում է static-ից:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">տեքստ</p>
		</div>
	</div>
</div>

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

Կոդի կատարման արդյունքը:

'parent2'

Օրինակ

Եթե ծնողական տարրերը չունեն դիրքավորում, ապա offsetParent-ը պարունակում է body տեգը:

<div>
	<p id="elem">տեքստ</p>
</div>

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

Կոդի կատարման արդյունքը:

'BODY'

Տես նաև

offsetParent հատկությունը,
որը պարունակում է դիրքավորում ունեցող ծնողական տարրը
offsetTop հատկությունը,
որը պարունակում է տարրի վերևից օֆսեթը
offsetLeft հատկությունը,
որը պարունակում է տարրի ձախից օֆսեթը
getBoundingClientRect մեթոդը,
որը գտնում է տարրի օֆսեթը