client,offset,scroll理解

本文详细介绍了HTML元素的各种尺寸属性,包括clientHeight/clientWidth用于获取内容区域的高度和宽度;clientLeft/clientTop获取边框厚度;scrollLeft/scrollTop获取滚动距离;scrollHeight/scrollWidth获取整个内容高度和宽度;offsetHeight/offsetWidth获取实际占用的高度和宽度;offsetTop/offsetLeft获取相对位置。

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

1.clientHeight, clientWidth: 
这两个属性大体上显示了元素内容的象素高度和宽度.理论上说这些测量不考虑任何通过样式表加入 
元素中的页边距,边框等.

2.clientLeft,clientTop: 
这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0.

3.scrollLeft,scrollTop: 
如果元素是可以滚动的,可以通过这俩个属性得到元素在水平和垂直方向上滚动了多远,单位是象素. 
对于不可以滚动的元素,这些值总是0.

4.scrollHeight,scrollWidth: 
不管有多少对象在页面上可见,他们得到的是整体.

5.offsetHeight,offsetWidth

指 obj 控件自身的绝对宽高,不包括因 overflow 而未显示的部分,也就是其实际占据的宽高,整型,单位像素。


6.offsetTop,offsetLeft

指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上/左侧位置,整型,单位像素(控件在浏览器中的绝对位置)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值