JavaScript笔记

元素的偏移量 offset 

offset 翻译过来就是偏移量,我们使用 offset 系列相关属性可以动态的得到该元素的位置(偏移)、大小等。

- 获得元素距离带有定位的父元素的位置

- 获得元素自身的大小(宽度高度)

- 注意:返回的值都不带单位

offset 系列常用 属性

element.offsetParent  返回作为该元素带有定位的父级元素 如果父级元素都没有定位则返回body

element.offsetTop 返回元素相对带有定位父元素上方的偏移

element.offsetLeft 返回元素相对带有定位父级元素左边框的偏移

element.offsetWidth 返回自身包括padding、边框、内容区的宽度,返回值不带单位

element.offsetHeight 返回自身包括padding、边框、内容区的高度,返回值不带单位

offset 与 style 的区别

offsetWidth / offsetHeight 获取的值包括padding、边框,而style仅仅包括内容区。

offsetWidth / offsetHeight 获取的值不带单位,style带单位。

offsetWidth / offsetHeight 获取的值不可读写,style可读写。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容