使用js动态定位目标

背景 ：
有时候你想定位一个按钮或者图片（比如为了鼠标一移上去就会弹出一个层），想知道它到底处于屏幕的那个坐标，而且很多页面都要用包含这个按钮，js中有很多xxxleft,xxxtop属性，到底该怎么用

下面的代码来自同事的灵感，特此记录已备忘

varx=obj.offsetLeft;
vary=obj.offsetTop;

varrect=[0,0];
varel=obj;
while(el!=null&&el!=document.body)
...{
rect[0]=rect[0]+el.offsetLeft;
rect[1]=rect[1]+el.offsetTop;
el=el.offsetParent;
}

x=rect[0];
y=rect[1];

上面的代码采用递归预算出你的定位对象的绝对坐标，这段代码只需传入一个参数就是obj,即你定为的对象