HTML DOM clientHeight 屬性

HTML DOM Element 對象

clientHeight只讀屬性返回元素的可視高度(以像素為單位)，包括填充，但不包括邊界，頁邊距和水平滾動條（如果存在）。

可以將clientHeight計算為：CSS高度+ CSS填充-水平滾動條的高度（如果存在）。

要了解此屬性，您必須了解CSS Box Model。

使用offsetHeight屬性返回元素的可見高度，包括填充，邊框和水平滾動條。

語法：

element.clientHeight

var elem = document.querySelector("div");
var txt = "高度包含填充: " + elem.clientHeight + "px<br>";
txt += "寬度包含填充: " + elem.clientWidth + "px";

瀏覽器兼容性

所有瀏覽器完全支持clientHeight屬性：

屬性
clientHeight	是	是	是	是	是

技術(shù)細節(jié)

更多示例

此示例演示clientHeight和offsetHeight之間的區(qū)別：

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

相關(guān)參考

HTML DOM參考：HTML DOM offsetHeight屬性

HTML DOM參考：HTML DOM scrollHeight屬性

CSS參考：CSS overflow屬性

HTML DOM Element 對象