Својство offsetParent

Својството offsetParent го содржи најблискиот родител, во однос на кој се случува позиционирањето на елементот. Ова ќе биде или најблискиот родител, кај кој CSS својството position не е еднакво на static, или тагот body, доколку не постои родител со такво позиционирање.

Синтакса

element.offsetParent;

Пример

Ајде да го најдеме родителскиот елемент со својство position, различно од 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);

Резултат од извршувањето на кодот:

'parent2'

Пример

Доколку родителските елементи немаат позиционирање, тогаш offsetParent го содржи body:

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

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

Резултат од извршувањето на кодот:

'BODY'

Погледнете ги исто така

својството offsetParent,
кое го содржи родителот со позиционирање
својството offsetTop,
кое го содржи поместувањето на елементот од горе
својството offsetLeft,
кое го содржи поместувањето на елементот од лево
методот getBoundingClientRect,
кој го наоѓа поместувањето на елементот