Ιδιότητα offsetParent

Η ιδιότητα offsetParent περιέχει τον πλησιέστερο γονέα, σε σχέση με τον οποίο τοποθετείται το στοιχείο. Αυτός θα είναι είτε ο πλησιέστερος γονέας, του οποίου η CSS ιδιότητα position δεν είναι static, είτε η ετικέτα body, αν δεν υπάρχει γονέας με τέτοια θέση.

Σύνταξη

στοιχείο.offsetParent;

Παράδειγμα

Ας βρούμε το γονικό στοιχείο με την ιδιότητα position, διαφορετική από static:

<div id="parent3">
	<div id="parent2" style="position: relative">
		<div id="parent1">
			<p id="elem">κείμενο</p>
		</div>
	</div>
</div>

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

Αποτέλεσμα εκτέλεσης κώδικα:

'parent2'

Παράδειγμα

Αν τα γονικά στοιχεία δεν έχουν θέση, τότε το offsetParent περιέχει το body:

<div>
	<p id="elem">κείμενο</p>
</div>

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

Αποτέλεσμα εκτέλεσης κώδικα:

'BODY'

Δείτε επίσης

ιδιότητα offsetParent,
που περιέχει τον γονέα με θέση
ιδιότητα offsetTop,
που περιέχει τη μετατόπιση του στοιχείου από πάνω
ιδιότητα offsetLeft,
που περιέχει τη μετατόπιση του στοιχείου από αριστερά
μέθοδος getBoundingClientRect,
που βρίσκει τη μετατόπιση του στοιχείου