offsetParent īpašība

Īpašība offsetParent satur tuvāko vecāku, pret kuru notiek elementa pozicionēšana. Tas būs vai nu tuvākais vecāks elements, kuram CSS īpašība position nav vienāda ar static, vai arī tags body, ja nav vecāka ar šādu pozicionēšanu.

Sintakse

element.offsetParent;

Piemērs

Atradīsim vecāka elementu ar īpašību position, kas atšķiras no static:

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

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

Koda izpildes rezultāts:

'parent2'

Piemērs

Ja vecāku elementiem nav pozicionēšanas, tad offsetParent satur body:

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

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

Koda izpildes rezultāts:

'BODY'

Skatiet arī

īpašība offsetParent,
kura satur vecāku ar pozicionēšanu
īpašība offsetTop,
kura satur elementa novirzi no augšas
īpašība offsetLeft,
kura satur elementa novirzi no kreisās puses
metode getBoundingClientRect,
kura atrod elementa novirzi