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

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

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

clientWidth Η ιδιότητα είναι μόνο για ανάγνωση.

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

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

clientHeight ιδιότητα

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

Παράδειγμα 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.clientWidth

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

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

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

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

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