js获取元素在浏览器中的绝对位置

ttx9n · 发表于 2010-7-24 00:56:53

其原理就是利用HTMLElement.offsetParent属性，需要的朋友可以参考下。 JavaScript中提供获取HTML元素位置的属性：

HTMLElement.offsetLeft
HTMLElement.offsetHeight
但是需要注意的是，这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置，而是相对于其父元素位置的相对位置，也就是说这两个数值得到的是以其父元素左上角为(0,0)点从而计算出的数值。那么如何得到一个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;
}

其原理就是利用HTMLElement.offsetParent属性，如果当前元素的父元素不是空（null），则在原本的offsetTop基础上加上当前的offsetTop，然后继续获取父元素的父元素的offsetTop，再将其加之，最终递归出该元素相对于整个浏览器画布的纵坐标。横坐标亦然。

bp5jgbcnt · 发表于 2022-8-13 05:30:51

感谢楼主分享

fiyeid · 发表于 2023-1-21 17:09:13

女生看了弄丢了卡萨诺的卡洛斯

kwa3hgmjp · 发表于 2023-11-21 05:57:27

还有什么好东西没

溪谷小兵 · 发表于 2024-4-19 01:55:44

还有人在不。。。。。。。。。。啊

0608fv3 · 发表于 2024-7-25 22:31:48

hi哦回复iOS就看见

雪龙Ui79 · 发表于 2024-8-25 09:35:39

2222222222222222

feiyasqhr · 发表于 2024-9-11 05:59:41

呵呵呵呵呵呵

idy6_yus · 发表于 2024-9-14 23:09:24

快更新啊，我擦

回复用户1 · 发表于 2024-9-27 12:56:37

人都不在了啊啊

账号		自动登录	找回密码
密码			立即注册

[JavaScript] js获取元素在浏览器中的绝对位置

相关帖子