JS中关于clientWidth、offsetLeft、scrollWidth的理解

今天在看视频的时候突然看到一个关于JS中滚动条宽高问题,记得之前看书的时候有做过这方面的笔记,所以就拿出小本本在复习了一遍。觉得这个确实是值得记录的,那么就顺手记录一下吧。反正对于我这种鱼的记忆的人,靠脑子真的是不行了。下面如有出错,希望各位大佬能帮忙指出或纠正。

1.offsetWidth:(width+padding+border)

表示当前对象的宽度。style.width也是当前对象的宽度,返回值除了数字外还带有单位px。

2.offsetHeight:(height+padding+border)

表示当前对象的高度。style.height也是当前对象的高度,返回值除了数字外还带有单位px。

  3.offsetLeft

表示当前对象到其上级层左边的距离,不能对其进行赋值,只能是用来获取两者之间的距离,如需要设置对象到其上级层左边的距离用style.left属性。

style.left:当前对象到其上级层左边的距离,返回值也带有单位

  4.offsetTop

当前对象到其上级层上边的距离,不能对其进行赋值,只能是用来获取两者之间的距离,如需要设置对象到其上级层左边的距离用style.top属性。

 5.scrollWidth:获取对象的滚动条宽度。

 6.scrollHeight:获取对象的滚动条高度。

7.scrollLeft:设置或获取位于对象左边界和对象中目前可见内容的最左端之前的距离

 8.scrollTop:设置或获取位于对象最顶端和对象中可见内容的最顶端之间的距离

 9.clientWidth:获取对象可见内容的宽度,不包括滚动条和边框

 10.clientHeight:获取对象可见内容的高度,不包括滚动条和边框

 11.clientLeft:获取对象的border宽度

 12.clientTop:获取对象的border高度

 13.offsetParent:当前对象的上级层对象

陈健的个人博客,记录生活所见所感、学习笔记。专注于Web前端_SEO教程_读书心得。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

返回主页看更多
狠狠的抽打博主 支付宝 扫一扫