获取元素位置函数

最新推荐文章于 2024-08-15 08:00:10 发布

编号90015478

最新推荐文章于 2024-08-15 08:00:10 发布

阅读量513

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： js获取元素位置函数

本文链接：https://blog.youkuaiyun.com/qq_20353887/article/details/80487580

javascript 专栏收录该内容

41 篇文章

订阅专栏

本文介绍了一个JavaScript函数getRec，该函数用于获取DOM元素的相对位置和尺寸信息，包括顶部、右侧、底部、左侧的距离以及宽度和高度。

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

 function getRec(ele) {
    var _t = document.documentElement.clientTop,
        _l = document.documentElement.clientLeft,
        rect = ele.getBoundingClientRect();
    return {
        top: rect.top - _t,
        right: rect.right - _l,
        bottom: rect.bottom - _t,
        left: rect.left - _l,
        width: rect.width||rect.right - rect.left,
        height: rect.height|| rect.bottom - rect.top
    }
}
使用方式：
getRec(document.getElementById("xxx"));
输出：
{"top":xx,"right":xx,"bottom":xx,"left":xx,"width":xx,"height":xx}