纯 Javascript 中的元素坐标

假设我在 div 中有一个元素（或任何其他包含元素，或者可能只是在文档正文中）。如何获取该元素相对于其容器的 (x,y) 坐标？

我需要能够用纯 Javascript 来完成它......

The offsetTop and offsetLeft属性是相对于offsetParent因此您可以免费获取元素相对于其父元素的位置。如果你想要相对于整个的位置body那么你需要遍历offsetParent将值链起来并求和。

下面的函数可以完成这个任务：

function findPos(obj) {
    var curleft = 0, curtop = 0;
    if (obj.offsetParent) {
        do {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } while (obj = obj.offsetParent);
        return { x: curleft, y: curtop };
    }
    return undefined;
}