Vetoria offsetParent

Vetoria offsetParent përmban prindin më të afërt, në lidhje me të cilin ndodh pozicionimi i elementit. Ky do të jetë ose prindi më i afërt, te i cili vetia CSS position nuk është e barabartë me static, ose tegja body, nëse nuk ka prind me pozicionim të tillë.

Sintaksa

element.offsetParent;

Shembull

Le të gjejmë elementin prind me veti position, të ndryshme nga static:

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

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

Rezultati i ekzekutimit të kodit:

'parent2'

Shembull

Nëse elementet prind nuk kanë pozicionim, atëherë offsetParent përmban body:

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

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

Rezultati i ekzekutimit të kodit:

'BODY'

Shihni gjithashtu

vetia offsetParent,
që përmban prindin me pozicionim
vetia offsetTop,
që përmban zhvendosjen e elementit nga lart
vetia offsetLeft,
që përmban zhvendosjen e elementit nga e majta
metoda getBoundingClientRect,
që gjen zhvendosjen e elementit