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

Question

如果我有一个名为Div1的嵌套HTML元素（位于另一个div内的div和其他div位于体内），如何从body元素角度获取Div1的x，y位置也许这被称为HTML元素的窗口/屏幕位置？

希望这是有道理的：）

Answer 1

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];
}

Answer 2

如果您正在使用jQuery，则可以使用offset来获取相对于文档的位置。

$(element).offset();

请参阅：http://api.jquery.com/offset

不幸的是我不知道如何用纯粹的js来做这件事。