HTML DOM Element clientHeight ιδιότητα

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

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

clientHeight Η ιδιότητα είναι αναγνωριστική.

Δείτε επίσης:Εκμάθηση CSS Box Model

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

clientWidth ιδιότητα

clientTop ιδιότητα

clientLeft ιδιότητα

offsetHeight ιδιότητα

offsetWidth ιδιότητα

Για να προσθέσετε σκαμνί στο στοιχείο, χρησιμοποιήστε Αξία overflow CSS。

Παράδειγμα

Παράδειγμα 1

Αποκτήστε το ύψος και το πλάτος του "myDIV", συμπεριλαμβανομένων των εσωτερικών χτυπημάτων:

const element = document.getElementById("myDIV");
let text = "clientHeight: " + element.clientHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px";

Προσπάθησε μόνος σου

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

Χωρίς σκαμνί

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

Προσπάθησε μόνος σου

Με σκαμνί

const element = document.getElementById("myDIV");
let text = "";
text += "clientHeight: " + element.clientHeight + "px<br>";
text += "offsetHeight: " + element.offsetHeight + "px<br>";
text += "clientWidth: " + element.clientWidth + "px<br>";
text += "offsetWidth: " + element.offsetWidth + "px";

Προσπάθησε μόνος σου

Γλώσσα

element.clientHeight

Επιστροφή τιμής

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

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

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

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