offsetParent қасиеті

offsetParent қасиеті элемент позицияланатын ең жақын ата-ана элементін қамтиды. Бұл не position CSS қасиеті 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 әдісі,
элементтің ығысуын табады