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

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

offsetHeight Η ιδιότητα επιστρέφει την ορατή ύψος του στοιχείου (σε pixels), συμπεριλαμβανομένων των εσωτερικών περιθωρίων, πλαισίων και ατσάλινων λωρίδων, αλλά όχι των εξωτερικών περιθωρίων.

offsetHeight Οι ιδιότητες είναι ανάγνωστες.

Για περισσότερες πληροφορίες:Εκμάθηση του μοντέλου κουτίου CSS

offsetParent

Όλα τα μπλοκ στοιχεία αναφέρουν τις αποκλίσεις σχετικά με τον αποκλειστικό γονέα:

  • offsetTop
  • offsetLeft
  • offsetWidth
  • offsetHeight

Ο αποκλειστικός γονέας είναι ο πλησιέστερος προγονός με μη στατική θέση.

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

Για περισσότερες πληροφορίες:

Ενότητα offsetWidth

Ενότητα offsetParent

Ενότητα offsetTop

Ενότητα offsetLeft

Ενότητα clientTop

Ενότητα clientLeft

Ενότητα clientWidth

Ενότητα clientHeight

Επίδειξη

Παράδειγμα 1

Εμφάνιση της ύψους και πλάτους του "myDIV", συμπεριλαμβανομένων των εσωτερικών περιθωρίων και πλαισίων:

const elmnt = document.getElementById("myDIV");
let text = "Υψος με κασέτα και περιθώριο: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

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

Παράδειγμα 2

Η διαφορά μεταξύ clientHeight/clientWidth και offsetHeight/offsetWidth

Με σκαλιά:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding and border: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding and border: " + elmnt.offsetWidth + "px";

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

Χωρίς σκαλιά:

const elmnt = document.getElementById("myDIV");
let text = "";
text += "Height with padding: " + elmnt.clientHeight + "px<br>";
text += "Height with padding, border and scrollbar: " + elmnt.offsetHeight + "px<br>";
text += "Width with padding: " + elmnt.clientWidth + "px<br>";
text += "Width with padding, border and scrollbar: " + elmnt.offsetWidth + "px";

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

Γλώσσα

element.offsetHeight

Αποτελεσματικότητα

Τύπος Περιγραφή
Αριθμός Η ορατή ύψος του στοιχείου (μετρημένα σε pixel), συμπεριλαμβανομένων των εσωτερικών περιθωρίων, των περιβόλων και των σκαλών.

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

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

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