HTML DOM clientHeight 属性

مثلث Element في HTML DOM

clientHeight仅读属性返回元类元素的可见高度（以千小步为单价），包入屃层，不包入边框，页边质和水平海掘条。

可以将clientHeight计算为：CSS高度+ CSS屃层-水平海掘条的高度。

要了解该属性，你应该了解CSS Box Model。

使用offsetHeight属性返回元类元素的可见高度，包入屃层，边框和水平海掘条。

语法：

element.clientHeight

var elem = document.querySelector("div");
var txt = "+掘子包入缺满: "+ elem.clientHeight + "+千小步<br>";
txt += "+掘子包入缺满: "+ elem.clientWidth + "+千小步";

مرونة المتصفح

يدعم جميع المتصفحات خصائص clientHeight بشكل كامل:

تفاصيل تقنية

مزيد من الأمثلة

هذا المثال يوضح الفرق بين clientHeight و offsetHeight:

var elem = document.querySelector("div");
var txt = "Height + padding: " + elem.clientHeight + "px<br>";
txt += "Height + padding + border: " + elem.offsetHeight + "px";

مراجع ذات صلة

مرجع HTML DOM:خصائص offsetHeight في HTML DOM

مرجع HTML DOM:خصائص scrollHeight في HTML DOM

مرجع CSS:خصائص CSS overflow

مثلث Element في HTML DOM