Javascript获取元素所在的页面位置

krista2009

于 2012-12-04 16:42:38 发布

阅读量423

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/krista2009/article/details/8256564

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个JavaScript函数，用于获取指定元素在网页中的精确位置。通过递归遍历元素及其父级元素的偏移量，该函数能够准确计算出元素左上角相对于浏览器视口的位置。

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

//获取元素所在的页面位置
	function getPosition(id)
	{
        var obj = document.getElementById(id);
        var t=obj.offsetTop;  
        var l=obj.offsetLeft;  
        while(obj=obj.offsetParent)
        {  
           t+=obj.offsetTop;  
           l+=obj.offsetLeft;  
        } 
        return {X:l,Y:t}; 

	}