offsetParent хусусияти

offsetParent хусусияти элемент нисбатан позиционирование борайотган яқин ота-онани ўз ичига олади. Бу ё staticга тенг бўлмаган position CSS хусусиятига эга бўлган яқин ота-она, ёки бундай позиционированиега эга бўлган ота-она бўлмаса, body теги бўлади.

Синтаксис

элемент.offsetParent;

Мисол

Келинг, staticдан фарқли position хусусиятига эга бўлган ота-она элементни топамиз:

<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 метожи,
элементнинг силжишини топади