如何获取页面中任意元素的offsetLeft和offsetTop

如何获取页面中任意元素的offsetLeft和offsetTop,第1张

其中要注意的地方是:

1、obj!=windowdocumentbody而不是obj!=windowbody

2、obj=objoffsetParent而不是obj=objparentNode

offsetParent是相对于obj最近的有定位的父级,obj的offsetLeft/offsetTop也正是相对于它而言的,需要注意。

以上代码经过本人测试可用,测试时请清除浏览器默认内外边距,因为不同浏览器的默认样式有所差异

判定一个元素的尺寸和位置的最简单的方法是调用它的getBoundingClientRect()方法。返回一个left、top(坐上角)right、bottom(右下角),height、width(ie中没有,但可以用right-left、bottom-top得到),其返回的坐标包含元素的边框和内边距,但不包含元素的外边距。

如果浏览器不支持getBoundingClientRect(),则可以用HTML元素的只读属性offsetWidth、offsetHeight以CSS像素返回它的屏幕尺寸(只包含边框和内边距)

以上就是关于如何获取页面中任意元素的offsetLeft和offsetTop全部的内容,包括:如何获取页面中任意元素的offsetLeft和offsetTop、如何获取网页中某一元素相对文档的位置、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9432696.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存