首页 > Web开发 > 详细

JS中的位置和宽度:clientWidth、offsetWidth、scrollWidth等区别

时间:2019-06-19 14:39:03      阅读:65      评论:0      收藏:0      [点我收藏+]

标签:padding   wid   获取   off   idt   parent   距离   The   标签   

1、client

clientWidth: width + 左右padding。

clientHeight: height + 上下padding。

clientTop: 上边框的厚度。

clientLeft: 左边框的厚度。

2、offset

offsetWidth: width + 左右padding + 左右border。

offsetHeight: height + 上下padding + 上下border。

offsetTop: 当前元素上边框外边缘到最近的已定位父级(offsetParent) 上边框内边缘的距离。如果父级都没有定位,则分别是到body顶部的距离。

offsetLeft: 当前元素左边框边缘到最近的已定位父级(offsetParent)左边框内边缘的距离。如果父级都没有定位,则分别是到body左边的距离。

3、scroll

scrollWidth: 获取指定标签内容层的真实宽度(可视区域宽度+被隐藏区域宽度)。

scrollHeight: 获取指定标签内容层的真实高度(可视区域高度+被隐藏语气高度)。

scrollTop: 内容层顶部到可视区域顶部的距离。

scrollLeft: 内容层左边到可视区域左边的距离。

JS中的位置和宽度:clientWidth、offsetWidth、scrollWidth等区别

标签:padding   wid   获取   off   idt   parent   距离   The   标签   

原文:https://www.cnblogs.com/huen2015/p/11050765.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号