Својство 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,
који налази померај елемента