网上对offsetParent和parentNode差异的解释都是同一篇文章千篇一律,讲的不是很清楚。
offsetParent用的最普遍的就是来计算元素在页面中的位置,前面的日志理讲了 通过第一个非流布局的父级元素, 也就是postion的值是 absolute,relative,fixed,(inherit 继承父元素也是前三者)其中之一,当然如果父级元素都是流布局最后返回的肯定是Body,由此可见offsetParent本身在获取的时候要通过页面不 断查找父元素,尤其在代码多层嵌套的时候,需要向上查找未知的层次,直到获取到第一个非流布局元素。
offsetLeft和offsetTop分别返回相对offsetParent的位置,也就是返回相对第一个非流布局父级元素的位置。
上面的代码可以看出这个方法是通过不断循环获得相对非流布局父元素的位置相加来最后计算得到要获取的位置。
IE7对offsetParent解释有个BUG,貌似始终返回父元素。
parentNode就不用解释了,父节点。