JavaScript获取页面元素绝对坐标的函数实现

作者:小括号时间:2026-10-29 21:26:09浏览:315

本文介绍了一种使用JavaScript计算页面元素绝对位置坐标的方法。通过遍历offsetParent累加offsetTop和offsetLeft,并加上元素自身高度,即可获取相对于文档左上角的精确坐标。该函数适用于需要精确定位的场景,如浮动层定位或动画起始点计算。

JavaScript获取页面元素绝对坐标的函数实现

本文介绍了一种利用JavaScript计算页面元素绝对位置坐标的方法,供读者参考。


<script language="javascript" type="text/javascript" >
function getXY(Obj) 
{
  var h = Obj.offsetHeight;
  for (var sumTop=0,sumLeft=0;Obj!=document.body;sumTop+=Obj.offsetTop,sumLeft+=Obj.offsetLeft, Obj=Obj.offsetParent);
  sumTop = h+sumTop;
  return {left:sumLeft,top:sumTop}
}
</script>

如需了解更多JavaScript相关知识,可参考本站的《JavaScript鼠标操作技巧汇总》、《javascript面向对象入门教程》以及《JavaScript数据结构与算法技巧总结》等专题内容。

希望上述内容对您的JavaScript编程有所帮助。

作者最新文章