Savybė offsetParent

Savybė offsetParent apima artimiausią pagrindinį elementą, kurio atžvilgiu vyksta elemento pozicionavimas. Tai bus arba artimiausias pagrindinis elementas, kurio CSS savybė position nėra lygi static, arba žymė body, jei nėra pagrindinio elemento su tokiu pozicionavimu.

Sintaksė

elementas.offsetParent;

Pavyzdys

Suraskime pagrindinį elementą su savybe position, skirtinga nuo static:

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

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

Kodo vykdymo rezultatas:

'parent2'

Pavyzdys

Jei pagrindinių elementų nėra pozicionavimo, tai offsetParent apima body:

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

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

Kodo vykdymo rezultatas:

'BODY'

Žiūrėkite taip pat

savybė offsetParent,
kuri apima pozicionuojantį pagrindinį elementą
savybė offsetTop,
kuri apima elemento poslinkį iš viršaus
savybė offsetLeft,
kuri apima elemento poslinkį iš kairės
metodas getBoundingClientRect,
kuris randa elemento poslinkį