如何在屏幕上获得内嵌元素的上/左位置和高度？

Question

有没有办法在给定页面上使用内联元素的纯JavaScript（没有第三方库）来获得准确的上/左位置？对于具有固定/相对定位的块元素或元素，这非常容易。

问题的第二部分是关于获得这种内嵌元素的准确高度。它甚至可能吗？

谢谢！

Answer 1

如果我理解你的问题，以下功能（由QuirksMode提供）可以实现您的目标：

function findPos(obj) {
    var curleft = curtop = 0;

    if(obj.offsetParent) 
    {
        do 
        {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        } 
        while (obj = obj.offsetParent);
    }

    return [curleft,curtop];
}

我已经整理了一个显示内联元素位置检索的jsFiddle Demo。