js获取元素绝对位置,横纵坐标

最新推荐文章于 2023-07-01 21:17:51 发布

原创最新推荐文章于 2023-07-01 21:17:51 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文提供了两个JavaScript函数，用于获取HTML页面中指定元素的横纵坐标。通过递归地累加元素及其祖先元素的偏移量，可以准确地计算出元素在页面上的实际位置。

//获取元素的纵坐标 
	function getTop(e){ 
		var offset=e.offsetTop; 
		if(e.offsetParent!=null) offset+=getTop(e.offsetParent); 
		return offset; 
	} 
	//获取元素的横坐标 
	function getLeft(e){ 
		var offset=e.offsetLeft; 
		if(e.offsetParent!=null) offset+=getLeft(e.offsetParent); 
		return offset; 
	}