offset家族
2017-07-05 本文已影响20人
思绪因你沉淀
使用offset的目的：
为了可以获取元素自身的宽高属性和元素自身在页面中的位置信息。
offsetHeight offsetWidth
可以获取元素的宽高
与style.width和style.height的区别：
style.width获取的是元素的width（content）的值，而offsetWidth获取的是width+padding+border的值。
offsetHeight只可读，style.height只可写。
offsetLeft offsetTop
获取当前元素到有定位的父级元素的距离（如果没有定位过的父级元素就以body为标准）
距离的计算：是当前元素的border（如果有的话）到定位父级的border，其中不包含定位父级的border，但是包含padding
offsetParent
获取当前元素的最近的带有定位的父级（不用是亲爸爸）
parentNode获取当前元素的亲爸爸
