一、offsetWidth和offsetHight (检测盒子自身宽高+padding+border)
offset宽/高 = 盒子自身的宽/高 + padding +border;
offsetWidth = width+padding+border;
offsetHeight = Height+padding+border;
二、offsetLeft和offsetTop (检测距离父盒子(有定位属性)的左/上面的距离)
返回距离上级盒子(带有定位)左边/上边的位置
如果父级都没有定位则以body为准
offsetLeft 从父亲的padding 开始算,父亲的border 不算。
在父盒子有定位的情况下,offsetLeft == style.left(去掉px)
三、offsetParent (检测父系盒子中带有定位属性的盒子节点)
四、offsetLeft和style.left(style.left是行内样式,为设置返回"")区别
1.offsetTop 返回的是数字,而 style.top 返回的是字符串,除了数字外还带有单位:px。
2.offsetTop 只读,而 style.top 可读写。(只读是获取值,可写是赋值)。一般用offsetTop获取,用style.top设置。
3.如果没有给 HTML 元素指定过 top 样式,则style.top 返回的是空字符串。