scrollHeight、offsetHeight、clientHeight与height的区别与联系

最新推荐文章于 2022-12-08 14:18:25 发布

转载最新推荐文章于 2022-12-08 14:18:25 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/maooyt/p/9262162.html

本文详细解释了DOM中clientHeight、offsetHeight、scrollHeight等高度属性的区别。这些属性在Web开发中用于获取元素的高度信息，但它们各自考虑的因素不同，如是否包含边框、内边距及滚动条的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

参考：https://www.cnblogs.com/yuteng/articles/1894578.html

clientHeight与height的区别是如果有滚动条时应减去滚动条的17px不可用部分,
offsetHeight与Height的区别是增加了boder的高度,
ScrollHeihgt与Height的区别是火狐下与offsetHeight一致,
IE下所包含的对象的高度加上boder的高度和marging,如果它里面没有包含对象或者这个对象的高度值未设置,那么它的值将为15

转载于:https://www.cnblogs.com/maooyt/p/9262162.html