本文介绍了JavaScript中关于element对象的clientLeft、clientWidth、clientHeight以及scroll系列属性，如scrollTop、scrollLeft、scrollWidth和scrollHeight。这些属性用于获取元素的尺寸和滚动位置。此外，还探讨了offsetWidth、clientWidth和scrollWidth的区别，并分享了前端开发者的学习资源和个人面试经验。
| element.clientLeft | 返回元素左边框的大小 |
| element.clientWidth | 返回自身包括padding、内容区的宽度、不含边框,返回数值不带单位 |
| element.clientHeight | 返回自身包括padding、内容区的高度、不含边框,返回数值不带单位 |
=======================================================================
scroll翻译过来就是滚动的，我们使用scroll系列的相关属性可以动态的得到该元素的大小、滚动距离等。
| scroll相关属性 | 作用 |
| — | — |
| element.scrollTop | 返回被卷去的上侧距离，返回数值不带单位 |
| element.scrollLeft | 返回被卷去的左侧距离，返回数值不带单位 |
| element.scrollWidth | 返回自身实际的宽度、不含边框,返回数值不带单位 |
| element.scrollHeight | 返回自身实际的高度、不含边框,返回数值不带单位 |
可能盒子里装不下这些文字，那么超出部分的内容就算scrollTop的长度
最低0.47元/天 解锁文章
扫一扫
633
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
