图文解析HTMLElement.offsetHeight,scrollHeight,clientHeight

内容简介：图文解析HTMLElement.offsetHeight,scrollHeight,clientHeight

是一个只读属性，它返回该元素的像素高度，高度包含该元素的垂直内边距和边框，且是一个整数。

通常，元素的offsetHeight是一种衡量标准，包括元素的边框、垂直内边距和元素的水平滚动条（如果存在且渲染的话）和元素的CSS高度。

对于文档的主体对象，它包括代替元素的CSS高度线性总含量高。浮动元素的向下延伸内容高度是被忽略的。

Element.scrollHeight

Element.scrollHeight 是计量元素内容高度的只读属性，包括overflow样式属性导致的视图中不可见内容。没有垂直滚动条的情况下，scrollHeight值与元素视图填充所有内容所需要的最小值clientHeight相同。包括元素的padding，但不包括元素的margin.

Element.clientHeight

返回元素内部的高度(单位像素)，包含内边距，但不包括水平滚动条、边框和外边距。

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

也就是说，是没有垂直滚动条版本的scrollHeight。

以上所述就是小编给大家介绍的《图文解析HTMLElement.offsetHeight,scrollHeight,clientHeight》，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持！

查看所有标签

猜你喜欢:

• Android RxJava 背压策略：图文 + 实例 全面解析
• 【并发编程】 图文深入解析Java显式锁底层源码 —— 加解锁是如何实现的 原 荐
• 图文了解 Kubernetes
• Flexbox 最全图文指南
• DHCP协议图文详解
• TCP协议图文详解

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。