From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- .../zh-cn/web/api/element/clientheight/index.html | 62 ++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 files/zh-cn/web/api/element/clientheight/index.html (limited to 'files/zh-cn/web/api/element/clientheight') diff --git a/files/zh-cn/web/api/element/clientheight/index.html b/files/zh-cn/web/api/element/clientheight/index.html new file mode 100644 index 0000000000..b9cb7499ef --- /dev/null +++ b/files/zh-cn/web/api/element/clientheight/index.html @@ -0,0 +1,62 @@ +--- +title: Element.clientHeight +slug: Web/API/Element/clientHeight +tags: + - Property +translation_of: Web/API/Element/clientHeight +--- +

{{ APIRef() }}

+ +

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

+ +

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

+ +
+

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

+ +

备注:上面的有问题 因为使用element.getBoundingClientRect()只能获取元素的width / height,但是这个值是 offsetWidth / offsetHeight ,包括边框的长度,所以不能获取clientWidth / clientHeight

+
+ +

语法

+ +
var h = element.clientHeight;
+
+ +

返回整数 h,表示 element 的 clientHeight(单位像素)。

+ +

clientHeight 是只读的.

+ +

示例

+ +

Image:Dimensions-client.png

+ +

规范

+ + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('CSSOM View', '#dom-htmlelement-clientheight', 'clientheight')}}{{Spec2('CSSOM View')}}
+ +

备注

+ +

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

+ +

相关链接

+ + -- cgit v1.2.3-54-g00ecf