在body坐标中获取HTML元素的位置

Question

如果我有一个叫做Div1的嵌套HTML元素（一个div位于另一个div &，其他div位于主体内部），我怎样才能从Div1的x，y位置body元素透视也许这被称为HTML元素的窗口/屏幕位置）？

希望这是有道理:)

Answer 1

如果你使用jQuery，您可以使用偏移来获得相对于文档的位置。

$(element).offset(); 

参见：http://api.jquery.com/offset

不幸的是我不知道如何用纯JS来做到这一点。

Answer 2

function getWhere(node, top){ 
    top= top || document.body; 
    var x= 0, y= 0; 
    while(node){ 
     y+= node.offsetTop; 
     x+= node.offsetLeft; 
     node= node.offsetParent; 
     if(node== top) break; 
    } 
    return [x, y]; 
}