offset

offset系列是只读属性，不能赋值

 

offsetWidth　　获取元素的宽度

　　offsetWidth ＝ width + border + padding

offsetHeight　　获取元素的高度

offsetLeft　　offsetTop　　返回距离上级盒子(最近的带有定位)左边或上边的位置，如果父级没有定位则以body为准 ，这里的父级指的是所有上一级。从父级的padding开始算，父亲的border 不算。总结一下：就是子盒子到定位的父盒子边框到边框的距离。

 

offsetTop和style.top的区别：

　　offsetTop　　只读不能赋值　　　　　　　　 返回值是数值类型

　　style.top　　可读可写(只针对行内式写法)　　返回值是字符串，比如100px　　

 

offsetParent　　返回对象带有定位的父级，不一定是直接上一层级，与parentNode在这点上有所区别。如果当前元素的父级元素没有进行CSS定位（position为absolute或relative），offsetParent为body。如果当前元素的父级元素中有CSS定位（position为absolute或relative），offsetParent取最近的那个父级元素。

转载于:https://www.cnblogs.com/lidongsheng/p/6035389.html