Ιδιότητα offsetLeft του στοιχείου HTML DOM

Ορισμός και χρήση

offsetLeft Η ιδιότητα επιστρέφει τη θέση του αριστερού άκρου σε σχέση με τον γονικό στοιχείου (σε pixel). Αυτή η ιδιότητα είναι μόνο για ανάγνωση.

Η τιμή επιστροφής περιλαμβάνει:

  • Αριστερή θέση του στοιχείου και το περιθώριο
  • Αριστερή εσωτερική χούφτα του γονικού στοιχείου, μπάρα αναγνώρισης και πλαίσια

Δείτε επίσης:Εκμάθηση του μοντέλου κουτί CSS

offsetParent

Όλα τα block-level στοιχεία αναφέρουν την απόκλιση σε σχέση με το απόκλιση γονικού στοιχείου:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Η απόκλιση γονικού στοιχείου είναι η πλησιέστερη ανώτερη γενιά που έχει μη στατική θέση.

Αν δεν υπάρχει απόκλιση γονικού στοιχείου, η απόκλιση είναι σχετική με το κείμενο του έργου.

Δείτε επίσης:

Αξία offsetTop

Αξία offsetWidth

Αξία offsetHeight

Αξία offsetParent

Αξία clientTop

Αξία clientLeft

Αξία clientWidth

Αξία clientHeight

Παράδειγμα

Παράδειγμα 1

Αποκτήστε τη θέση offsetLeft του "myDIV":

const element = document.getElementById("myDIV");
let pos = element.offsetLeft;

Δοκιμάστε το προσωπικά

Παράδειγμα 2

Αποκτήστε τη θέση του "myDIV":

const element = document.getElementById("myDIV");
let pos1= element.offsetTop;
let pos2= element.offsetLeft;

Δοκιμάστε το προσωπικά

Γλώσσα

Επιστροφή της αριστεράς απόκλισης:

element.offsetLeft

Αποτελεσματική τιμή

Τύπος Περιγραφή
Αριθμός Η αριστερή θέση του στοιχείου σε pixel.

Υποστήριξη περιηγητή

Όλοι οι περιηγητές υποστηρίζουν element.offsetTop：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη