如何在屏幕上获取内联元素的顶部/左侧位置和高度

How to get top/left position and height of the in-line element on the screen?

本文关键字：顶部 位置 高度 元素 屏幕 获取      更新时间：2023-09-26

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

问题的第二部分是关于获得这种在线元件的准确高度。甚至可能吗？

谢谢！

如果我正确理解了您的问题，以下功能（由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演示，显示了内联元素位置的检索。

相关文章：