码迷,mamicode.com
首页 > 其他好文 > 详细

元素大小

时间:2019-01-16 17:20:25      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:bubuko   scroll   之间   占用   分享   空间   etl   eth   边框   

元素大小

1.元素偏移量

即元素在屏幕上占用的可见空间的大小

offsetHeirht:元素所占用的垂直空间大小,即上外边框到下外边框的距离,单位为像素

offsetWidth:元素所占用水平空间的大小,即左外边框到右外边框的距离,单位为像素

offsetLeft:元素左外边框到包含元素的左内边框之间的距离

offsetTop:元素的上外边框到包含元素的上内边框的距离

技术分享图片

2.客户区大小

即元素内容及内边距所占据空间的大小

clientHeight:内容高度加上下内边距的宽度,即上下内边框之间的距离

clientWidth:内容宽度加左右内边距的距离,即左右内边框之间的距离

3.滚动区大小

包含滚动内容的元素的大小

scrollHeigth:在没有滚动条的情况下,元素内容的总高度度

scrollWidth:在没有滚动条的情况下,元素内容的总宽度

scrollLeft:被隐藏在元素左侧的像素数

scrollTop:被隐藏在元素上侧的像素数

元素大小

标签:bubuko   scroll   之间   占用   分享   空间   etl   eth   边框   

原文地址:https://www.cnblogs.com/mapengfei247/p/10278011.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!