Ιδιότητα offsetLeft
Η ιδιότητα offsetLeft περιέχει την αριστερή
μετατόπιση ενός στοιχείου σε σχέση με το offsetParent.
Περιέχει την απόσταση από το offsetParent έως το περίγραμμα
του στοιχείου.
Σύνταξη
στοιχείο.offsetLeft;
Παράδειγμα
Ας βρούμε τη μετατόπιση του στοιχείου σε σχέση
με το offsetParent του:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; left: 100px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Αποτέλεσμα εκτέλεσης κώδικα:
100
Παράδειγμα
Τα περιθώρια margin
επίσης αθροίζονται στη μετατόπιση:
<div id="parent" style="position: relative;">
<div id="elem" style="position: absolute; left: 100px; margin: 50px"></div>
</div>
let elem = document.querySelector('#elem');
console.log(elem.offsetLeft);
Αποτέλεσμα εκτέλεσης κώδικα:
150
Δείτε επίσης
-
η ιδιότητα
offsetTop,
που περιέχει τη μετατόπιση του στοιχείου από πάνω -
η μέθοδος
getBoundingClientRect,
που βρίσκει τη μετατόπιση του στοιχείου