PC端网页特性导读

1. offset 概述

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

• 获取元素距离带有定位父元素的位置

• 获取元素自身的大小（宽度高度）

• 注意：返回的数值都不带单位（返回的不是字符串）

offset 系列常用属性：

offset系列属性	作用
element.offsetParent	返回为该元素带有定位的父级元素 如果父级都没有定位则返回body
element.offsetTop	返回元素相对带有定位父元素上方的偏移
element.offsetLeft	返回元素相对带有定位父元素左边框的偏移
element.offsetWidth	返回自身包括padding、边框、内容区的宽度，返回数值不带单位
element.offsetHeight	返回自身包括padding、边框、内容区的高度，返回数值不带单位

offset 与 style 区别

offset：

offset 可以得到任意样式表中的样式值

offset 系列获得的数值是没有单位的

offsetWidth 包含padding+border+width

offsetWidth 等属性是只读性，只能获取，不能赋值

所以，我们想要获取元素大小位置，用offset更合适

style：

style 只能得到行内样式表中的样