offsetHeight只读属性以整数形式返回元素的高度,包括垂直填充和边框。
通常,offsetHeight是元素CSS高度的像素度量,包括任何边框、填充和水平滚动条(如果有的话)。它不包括伪元素的高度,比如:: before或:: after。
要了解此属性,您必须了解CSS Box Model。
使用clientHeight和clientWidth属性返回元素的可见高度和宽度,包括填充,但不包括边框,边距和滚动条(如果存在)。
element.offsetHeight
var elem = document.querySelector("div"); var txt = "高度包含padding +border: " + elem.offsetHeight + "px<br>"; txt += "宽度包含 padding + border: " + elem.offsetWidth + "px";测试看看‹/›
所有浏览器完全支持offsetHeight属性:
属性 | |||||
offsetHeight | 是 | 是 | 是 | 是 | 是 |
返回值: | 一个数字,以像素为单位表示元素的高度,包括填充,边框和滚动条 |
---|
此示例演示clientHeight和offsetHeight之间的区别:
var elem = document.querySelector("div"); var txt = "Height包含padding: " + elem.clientHeight + "px<br>"; txt += "Height 包含 padding + border: " + elem.offsetHeight + "px";测试看看‹/›
HTML DOM参考:offsetWidth属性
HTML DOM参考:offsetLeft属性
HTML DOM参考:offsetTop属性
HTML DOM参考:offsetParent属性