offsetParent häsiýeti

offsetParent häsiýeti element ýerleşýän ýere görä iň ýakyn ata elementi öz içine alýar. Bu ýa-da CSS häsiýeti position static deň däl bolan iň ýakyn ata element, ýa-da eýle ýerleşdirilişe eýe ata element ýok bolsa, body tegi bolar.

Sintaksis

element.offsetParent;

Mysal

Geliň, position häsiýeti static-den tapawutly bolan ata elementi tapalyň:

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

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

Kodyň ýerine ýetiriliş netijesi:

'parent2'

Mysal

Eger ata elementleriň ýerleşdirilişi ýok bolsa, onda offsetParent içinde body bolýar:

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

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

Kodyň ýerine ýetiriliş netijesi:

'BODY'

Şeýle-de garaň

ýerleşdirilişe eýe atany öz içine alýan offsetParent häsiýeti,
elementiň ýokardan çyzgysyny öz içine alýan offsetTop häsiýeti,
elementiň çepden çyzgysyny öz içine alýan offsetLeft häsiýeti,
elementiň çyzgysyny tapýan getBoundingClientRect metodu,