Свойство offsetParent

Свойство offsetParent съдържа най-близкия родител, спрямо който се извършва позициониране на елемента. Това ще бъде или най-близкият родител, при който CSS свойството position не е равно на static, или таг body, ако няма родител с такова позициониране.

Синтаксис

елемент.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,
който намира отместване на елемента