Properti clientHeight HTML DOM Element

Definisi dan Penggunaan

clientHeight Properti mengembalikan ketinggian terlihat elemen, termasuk marjin dalam, tetapi tidak termasuk garis, scrollbar atau marjin luar, dalam satuan piksel.

clientHeight Properti adalah hanya-baca.

Lihat Juga:Panduan Model Kisi CSS

Lihat Juga:

Properti clientWidth

Properti clientTop

Properti clientLeft

Properti offsetHeight

Properti offsetWidth

Untuk menambahkan scrollbar ke elemen, gunakan Sifat overflow CSS。

Contoh

Contoh 1

Dapatkan ketinggian dan lebar "myDIV", termasuk marjin dalam:

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

Coba Sendiri

Contoh 2: Perbezaan antara clientHeight/clientWidth dengan offsetHeight/offsetWidth

Tidak ada scrollbar:

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 scrollbar:

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

Sintaks

element.clientHeight

Nilai Kembalian

Tipe Deskripsi
Angka Ketinggian terlihat elemen (dalam piksel), termasuk marjin dalam.

Pendukung Pelayar

Semua pelayar mendukung element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukung Dukung Dukung Dukung Dukung Dukung