获取控件的绝对位置（该控件非position:absolute）

最新推荐文章于 2024-07-21 20:14:06 发布

michael110

最新推荐文章于 2024-07-21 20:14:06 发布

阅读量506

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/michael110/article/details/3529621

javascript 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种使用JavaScript来确定HTML页面中元素的精确位置的方法。通过创建一个简单的坐标类CPos，并利用offsetLeft和offsetTop属性，可以递归地计算出元素相对于页面左上角的实际位置。这种方法对于实现复杂的页面布局或交互式应用非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function CPos(x,y)
        {
            this.x = x;
            this.y = y;
        }
        function GetObjPos(ATarget)
        {
            var target = ATarget;
            var pos = new CPos(target.offsetLeft, target.offsetTop);
            var target = target.offsetParent;
            while (target)
            {
                pos.x += target.offsetLeft;
                pos.y += target.offsetTop;
                target = target.offsetParent
            }
            return pos;
        }