HTMLElement:offsetHeight 属性

HTMLElement.offsetHeight 只读属性返回元素的高度,包括垂直填充和边框,以整数形式表示。

通常,offsetHeight 是元素 CSS 高度(包括任何边框、填充和水平滚动条(如果呈现))的像素度量。它不包括伪元素(如 ::before::after)的高度。对于文档主体对象,度量包括总线性内容高度,而不是元素的 CSS 高度。扩展到其他线性内容下方的浮动元素将被忽略。

如果元素隐藏(例如,通过将元素或其祖先之一的 style.display 设置为 "none"),则返回 0

注意:此属性会将值四舍五入为整数。如果您需要小数值,请使用 element.getBoundingClientRect()

数字。

示例

An example element with large padding, border and margin. offsetHeight is the layout height of the element including its padding and border, and excluding its margin.

上图显示了一个滚动条和一个适合窗口的 offsetHeight。但是,不可滚动的元素可能具有很大的 offsetHeight 值,远远大于可见内容。这些元素通常包含在可滚动元素中;因此,这些不可滚动的元素可能完全或部分不可见,具体取决于可滚动容器的 scrollTop 设置。

规范

规范
CSSOM 视图模块
# dom-htmlelement-offsetheight

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅