Element.clientHeight

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

只读属性 Element.clientHeight 对于没有定义 CSS 或者内联布局盒子的元素为 0;否则,它是元素内部的高度(以像素为单位),包含内边距,但不包括边框、外边距和水平滚动条(如果存在)。

clientHeight 可以通过 CSS height + CSS padding - 水平滚动条高度(如果存在)来计算。

在根元素(<html> 元素)或怪异模式下的 <body> 元素上使用 clientHeight 时,该属性将返回视口高度(不包含任何滚动条)。这是一个 clientHeight 的特例

备注: 此属性会将获取的值四舍五入取整数。如果你需要小数结果,请使用 element.getBoundingClientRect()

一个数字。

示例

规范

Specification
CSSOM View Module
# dom-element-clientheight

备注

clientHeight 是在 IE 浏览器对象模型中引入的属性。

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
clientHeight

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

参见