Omadus offsetParent

Omadus offsetParent sisaldab lähimat vanemat, mille suhtes toimub elemendi positsioneerimine. See on kas lähim vanem, mille CSS omadus position ei ole võrdne static, või silt body, kui sellist positsioneerimisega vanemat pole.

Süntaks

element.offsetParent;

Näide

Leiame vanemaelemendi omadusega position, mis erineb static-st:

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

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

Koodi täitmise tulemus:

'parent2'

Näide

Kui vanemaelementidel pole positsioneerimist, siis offsetParent sisaldab body-d:

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

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

Koodi täitmise tulemus:

'BODY'

Vaata ka

omadus offsetParent,
mis sisaldab positsioneeritud vanemat
omadus offsetTop,
mis sisaldab elemendi nihet ülevalt
omadus offsetLeft,
mis sisaldab elemendi nihet vasakult
meetod getBoundingClientRect,
mis leiab elemendi nihke