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取最近的那个父级元素。