HTML DOM offsetHeight 屬性

HTML DOM Element 對(duì)象

offsetHeight只讀屬性以整數(shù)形式返回元素的高度，包括垂直填充和邊框。

通常，offsetHeight是元素CSS高度的像素度量，包括任何邊框、填充和水平滾動(dòng)條(如果有的話)。它不包括偽元素的高度，比如:: before或:: after。

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

使用clientHeight和clientWidth屬性返回元素的可見(jiàn)高度和寬度，包括填充，但不包括邊框，邊距和滾動(dòng)條（如果存在）。

語(yǔ)法：

element.offsetHeight

var elem = document.querySelector("div");
var txt = "高度包含padding +border: " + elem.offsetHeight + "px<br>";
txt += "寬度包含 padding + border: " + elem.offsetWidth + "px";

瀏覽器兼容性

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

屬性
offsetHeight	是	是	是	是	是

技術(shù)細(xì)節(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參考：offsetWidth屬性

HTML DOM參考：offsetLeft屬性

HTML DOM參考：offsetTop屬性

HTML DOM參考：offsetParent屬性

HTML DOM Element 對(duì)象