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

最新推荐文章于 2023-10-26 09:54:35 发布

原创最新推荐文章于 2023-10-26 09:54:35 发布 · 435 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

6 篇文章

订阅专栏

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

//获取元素所在的页面位置
	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}; 

	}