Properti clientHeight HTML DOM Element

Definisi dan penggunaan

clientHeight Properti mengembalikan tinggi yang dapat terlihat elemen, termasuk margin dalam, tetapi tidak termasuk garis, tali gerak, atau margin luar, dalam piksel.

clientHeight Properti adalah hanya-baca.

Lihat pula:Panduan Model Bok CSS

Lihat pula:

Properti clientWidth

Properti clientTop

Properti clientLeft

Properti offsetHeight

Properti offsetWidth

Untuk menambahkan tali gerak ke elemen, gunakan Properti overflow CSS。

Contoh

Contoh 1

Ambil tinggi dan lebar "myDIV", termasuk margin dalam:

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

Coba sendiri

Contoh 2: Perbedaan antara clientHeight/clientWidth dan offsetHeight/offsetWidth

Tidak ada tali gerak:

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";

Coba sendiri

Ada tali gerak:

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";

Coba sendiri

Syarat

element.clientHeight

Nilai kembalian

Tipe Deskripsi
Angka Tinggi yang dapat terlihat elemen (dalam piksel), termasuk margin dalam.

Dukungan peramban

Semua peramban mendukung element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan