JS获取页面对象的绝对位置

最新推荐文章于 2022-05-01 22:05:59 发布

iteye_9721

最新推荐文章于 2022-05-01 22:05:59 发布

阅读量197

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript

本文链接：https://blog.youkuaiyun.com/iteye_9721/article/details/82141137

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用JavaScript来计算HTML页面中元素的绝对左偏移和顶偏移的方法。通过递归地累加元素及其父元素的偏移量，可以准确获取到元素相对于浏览器视口的位置。

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

// get absolute Left position
function getAbsoluteLeft(ob){
if(!ob){return null;}
    var mendingOb = ob;
    var mendingLeft = mendingOb .offsetLeft;
    while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
      mendingLeft += mendingOb .offsetParent.offsetLeft;
      mendingOb = mendingOb .offsetParent;
    }
return mendingLeft ;
}

// get absolute TOP position
function getAbsoluteTop(ob){
if(!ob){return null;}
var mendingOb = ob;
var mendingTop = mendingOb .offsetTop;
while( mendingOb != null && mendingOb .offsetParent != null && mendingOb .offsetParent.tagName != "BODY" ){
    mendingTop += mendingOb .offsetParent.offsetTop;
    mendingOb = mendingOb .offsetParent;
}
return mendingTop ;
}