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 методу,
элементтин жылышын табат