HTML DOM Element clientHeight Özelliği

Tanım ve Kullanım

clientHeight Özelliği, piksel olarak ölçülen, çerçeve, kaydırma çubuğu veya dış dolgu dahil olmayan, özniteliklerin görünen yüksekliğini döndürür.

clientHeight Özellikler yalnızca okunabilir.

Ayrıca bakınız:CSS Çerçeve Eğitimi

Ayrıca bakınız:

clientWidth özelliği

clientTop özelliği

clientLeft özelliği

offsetHeight özelliği

offsetWidth özelliği

Bir elemente kaydırma çubuğu eklemek için CSS overflow özelliği。

Örnek

Örnek 1

"myDIV" genişliğini ve yüksekliğini içeren dolgu ekleyin:

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

Kişisel olarak deneyin

Örnek 2: clientHeight/clientWidth ile offsetHeight/offsetWidth arasındaki fark

Kaydırma çubuğu yok:

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

Kişisel olarak deneyin

Kaydırma çubuğu var:

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

Kişisel olarak deneyin

Gramer

element.clientHeight

Dönüş değeri

Tür Açıklama
Sayı Özniteliklerin görünen yüksekliği (piksel olarak), iç dolgu dahil.

Tarayıcı desteği

Tüm tarayıcılar destekler element.clientHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Destek Destek Destek Destek Destek Destek