Ominaisuus offsetParent

Ominaisuus offsetParent sisältää lähimmän vanhemman, johon nähden elementin positiointi tapahtuu. Tämä on joko lähin vanhempi, jonka CSS-ominaisuus position ei ole static, tai tagi body, jos sellaista vanhempaa positioinnilla ei ole.

Syntaksi

elementti.offsetParent;

Esimerkki

Etsitään vanhempi elementti, jonka ominaisuus position on muu kuin static:

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

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

Koodin suorituksen tulos:

'parent2'

Esimerkki

Jos vanhemmilla elementeillä ei ole positiointia, niin offsetParent sisältää body-elementin:

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

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

Koodin suorituksen tulos:

'BODY'

Katso myös

ominaisuus offsetParent,
joka sisältää vanhemman positioinnilla
ominaisuus offsetTop,
joka sisältää elementin offsetin ylhäältä
ominaisuus offsetLeft,
joka sisältää elementin offsetin vasemmalta
metodi getBoundingClientRect,
joka löytää elementin offsetin