Eigenschaft offsetParent

Die Eigenschaft offsetParent enthält das nächstgelegene Elternelement, relativ zu dem die Positionierung des Elements erfolgt. Dies ist entweder das nächstgelegene Elternelement, bei dem die CSS-Eigenschaft position nicht static entspricht, oder das body-Tag, wenn kein solches positioniertes Elternelement vorhanden ist.

Syntax

element.offsetParent;

Beispiel

Lassen Sie uns das Elternelement mit der Eigenschaft position finden, die sich von static unterscheidet:

<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);

Ergebnis der Codeausführung:

'parent2'

Beispiel

Wenn die Elternelemente keine Positionierung haben, enthält offsetParent den body:

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

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

Ergebnis der Codeausführung:

'BODY'

Siehe auch

Eigenschaft offsetParent,
die das positionierte Elternelement enthält
Eigenschaft offsetTop,
die den Offset des Elements von oben enthält
Eigenschaft offsetLeft,
die den Offset des Elements von links enthält
Methode getBoundingClientRect,
die den Offset des Elements ermittelt