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