Ιδιότητα offsetParent

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

Σύνταξη

javascriptστοιχείο.offsetParent;

Παράδειγμα

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

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

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

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

javascript'parent2'

Παράδειγμα

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

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

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

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

javascript'BODY'

Δείτε επίσης