JS DOM之getPos

SkullSky

于 2017-03-13 14:24:03 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：前端开发文章标签： JS DOM offsetParent offsetTop offsetLeft

本文链接：https://blog.youkuaiyun.com/SkullSky/article/details/61916842

前端开发专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一个JavaScript函数getPos，该函数用于获取HTML文档中指定元素相对于文档顶部和左侧的绝对位置。通过遍历元素及其父级的offsetLeft和offsetTop属性来计算最终的位置。

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

获取当前标签到html文档上部和左部的绝对距离：（具体缘由参见上两篇：

JS DOM之父节点和

JS DOM之位置尺寸

）

function getPos(obj) {
	//获取当前元素到页面的距离	
		var pos = {left:0, top:0};
		
		while (obj) {
			pos.left += obj.offsetLeft;
			pos.top += obj.offsetTop;
			obj = obj.offsetParent;
		}
		
		return pos;
		
	}

JS DOM之getPos

JS DOM之父节点 和

JS DOM之位置尺寸

JS DOM之父节点和