js或jquery怎样获取htm中div控件相对于页面的left和top值
时间:2011-11-15
来源:互联网
起初我直接通过div.style.top来获取,但是这个div的style中并没有设置过top值,并且是相对位置,所以获取的值为空。 我要得到它相对于整个页面的坐标,怎样可行呢?
作者: despicableme 发布时间: 2011-11-15
offsetTop
作者: zsx841021 发布时间: 2011-11-15
引用 1 楼 zsx841021 的回复:
offsetTop
offsetTop
offsetTop是相对于上一层的父容器的位置吧?我要的是相对于整个页面的坐标啊?
作者: despicableme 发布时间: 2011-11-15
JScript code
看看这个例子。。
<div id="test" style="position:absolute; left:100px; top:200px;">123</div> <script> /** * 坐标 * @param x * @param y * @return */ function CPos(x, y) { this.x = x; this.y = y; } /** * 得到对象的相对浏览器的坐标 * @param ATarget * @return */ function GetObjPos(ATarget) { var target = ATarget; var pos = new CPos(target.offsetLeft, target.offsetTop); var target = target.offsetParent; while (target) { pos.x += target.offsetLeft; pos.y += target.offsetTop; target = target.offsetParent } return pos; } var obj = document.getElementById('test') alert(GetObjPos(obj)['y']) //y坐标 alert(GetObjPos(obj)['x']) //x坐标 </script>
看看这个例子。。
作者: zsx841021 发布时间: 2011-11-15
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28