获取元素到页面上的位置

获取元素到页面的距离

function getPosition(obj)
{
　　var post={l:0,t:0};
　　while(obj){
　　　　post.l += obj.offsetLeft;
　　　　post.t += obj.offsetTop;
　　　　obj = obj.offsetParent; // 关键点
　　}
　　return post;
}

知识点 offsetParent :

1、元素本身已经定位
如果元素本身已经定位，那么 offsetParent
　　　　 属性返回此元素已定位父级元素，如没有已定位的父级元素，则返回 BODY 对象

2、元素没有定位
如果元素没有定位， offsetParent
　　　　 不但会找已经定位的父级元素而且还会查找类型为 TD 和 TABLE 的父级元素，只要找到这三种父级元素的其中任何一种元素将返回此元素，否则返回 BODY