Sifa offsetParent

Sifa offsetParent ina mzazi wa karibu zaidi, jamaa na ambaye uwekeaji nafasi wa kipengele hufanyika. Hii itakuwa ama mzazi wa karibu zaidi, ambaye ana sifa ya CSS position isiyo sawa na static, au kitambulisho body, kama hakuna mzazi mwenye uwekeaji nafasi kama huo.

Kisarufi

kipengele.offsetParent;

Mfano

Wacha tupate kipengele cha mzazi chenye sifa position, tofauti na static:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">maandishi</p>
		</div>
	</div>
</div>

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

Matokeo ya utekelezaji wa kificho:

'parent2'

Mfano

Kama vipelelezi vya mzazi havina uwekeaji nafasi, basi offsetParent ina body:

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

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

Matokeo ya utekelezaji wa kificho:

'BODY'

Angalia pia

sifa offsetParent,
ambayo ina mzazi mwenye uwekeaji nafasi
sifa offsetTop,
ambayo ina uhamisho wa kipengele kutoka juu
sifa offsetLeft,
ambayo ina uhamisho wa kipengele kutoka kushoto
mbinu getBoundingClientRect,
ambayo hupata uhamisho wa kipengele