元素大小之offsetWidth、offsetHeight、 clientWidth 和 clientHeight

来源:互联网 发布:淘宝网外贸服装 编辑:程序博客网 时间:2024/06/05 00:14

偏移量:offset dimension ,包括元素再屏幕上占用的所有可见控件。元素的可见大小由其高度、宽度决定,包括所有内边距、滚动条和边框大小(除了外边距margin)。

通过offsetWidth、 offsetHeight、 offsetLeft 和 offsetRight 可以获取元素的偏移量。

offsetHeight :元素在垂直方向上占用的空间大小,以像素计。包括元素的高度、可见的水平滚动条的高度、上边距高度和下边距高度。

offsetWidth: 元素在水平方向上占用的空间大小,以像素计,包括元素的宽度、垂直滚动条的宽度、左边距宽度和右边距宽度。

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

offserTop: 元素上外边框至包含元素上内边框之间的距离。


客户区域大小:client dimension,指的是元素内容及其内边距所占据的空间大小。有关客户区大小的属性有两个,clientWidth 和 clientHeight. 其中,clientWidth 属性是元素内容区宽度加上左右内边距宽度; clientHeight 属性是元素内容区高度加上上下内边距的高度。

从字面上看,客户区大小就是元素内部的空间大小,因此滚动条占用的空间不计算在内。 

0 0
原创粉丝点击