首页 > 代码库 > 获取div相对文档的位置
获取div相对文档的位置
获取div相对文档的位置,两个方法
经测试 document.getElementById("btn").getBoundingClientRect()
在IE6下有2像素的bug,不知道为什么.
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title><style>*{margin:0;padding:0;}html{margin:10px;}#btn{ position:absolute; top: 100px; left: 200px; margin-left: 20px; margin-top: 20px; border: 3px solid #f00;}</style></head><body><div style="height:2000px;"></div><div style="position:relative;"> <div id="btn"></div></div><script>var offset = document.getElementById("btn").getBoundingClientRect();alert(offset.top);// alert(offset.left);alert(getAbsolutePosition(document.getElementById("btn")).top)//console.log(offset);function getAbsolutePosition(obj){ var left = 0; var top = 0; while(obj){ left += obj.offsetLeft; top += obj.offsetTop; obj = obj.offsetParent; } return {left:left, top:top};}</script></body></html>
获取div相对文档的位置
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。