ClientHeight_offsetheight获取高度不对
ClientHeight_offsetheight获取高度不对
全栈程序员站长
发布于 2022-11-04 13:03:39
发布于 2022-11-04 13:03:39
clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。
在这里插入图片描述
offsetHeight：包括padding、border、水平滚动条，但不包括margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。
在这里插入图片描述
style.height //返回元素的高度（包括元素高度，不包括内边距、边框和外边距）
clientHeight //返回元素的高度（包括元素高度、内边距，不包括边框和外边距）
offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距）
scrollHeigh //返回元素的高度（包括元素高度、内边距和溢出尺寸，不包括边框和外边距），无溢出的情况，与clientHeight相同
scrollTop //此属性可以获取或者设置对象的最顶部到对象在当前窗口显示的范围内的顶边的距离，也就是元素滚动条被向下拉动的距离。
返回值是一个整数，单位是像素。此属性是可读写的。
offsetTop //返回元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。
所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数，单位是像素。此属性是只读的。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
本文参与?腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2022年9月11日 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读