Хосияти 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,
ки ҷойи ҷудошавии элементро меёбад