HTMLElement: offsetHeight 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLElement 接口的只读属性 offsetHeight 返回元素的总高度,包括垂直内边距和边框,以整数形式表示。

通常,offsetHeight 是元素 CSS 高度的像素测量值,包括任何边框、内边距和水平滚动条(如果已渲染)。它不包括伪元素(如 ::before::after)的高度。对于文档的 body 对象,该测量值包含总的线性内容高度,而不是元素的 CSS 高度。延伸到其他线性内容下方的浮动元素将被忽略。

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

一个整数。

示例

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

浏览器兼容性

另见