取得元素的左和上偏移量的方法


Posted in Javascript onSeptember 17, 2014
function getElementLeft(element) 
{ 
var actualLeft = element.offsetLeft; 
var current = element.offsetParent; 

while (current!==null) 
{ 
actualLeft += current.offsetLeft; 
current = current.offsetParent; 
} 
return actualLeft; 
}

取得元素的左偏移量;

function getElementTop(element) 
{ 
var actualTop = element.offsetTop; 
var current = element.offsetParent; 

while (current!==null) 
{ 
<span style="white-space:pre"> </span>actualTop += current.offsetTop; 
current = current.offsetParent; 
} 
return actualTop; 
}

取得元素的上偏移量;

利用offsetParent属性在Dom层次中逐级向上回溯,将每个层次偏移量合计。

Javascript 相关文章推荐
基于jquery的获取mouse坐标插件的实现代码
Apr 01 Javascript
菜鸟javascript基础资料整理2
Dec 06 Javascript
js与运算符和或运算符的妙用
Feb 14 Javascript
jquery动态更换设置背景图的方法
Mar 25 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
js实现Select下拉框具有输入功能的方法
Feb 06 Javascript
ajax在兼容模式下失效的快速解决方法
Mar 22 Javascript
去除html代码里面的script正则方法
May 19 Javascript
浅谈js继承的实现及公有、私有、静态方法的书写
Oct 28 Javascript
浅谈Node.js:Buffer模块
Dec 05 Javascript
如何使用pm2快速将项目部署到远程服务器
Mar 12 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
JS实现OCX控件的事件响应示例
Sep 17 #Javascript
javascript快速排序算法详解
Sep 17 #Javascript
js生成的验证码的实现与技术分析
Sep 17 #Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 #Javascript
node.js中使用q.js实现api的promise化
Sep 17 #Javascript
Javascript判断文件是否存在(客户端/服务器端)
Sep 16 #Javascript
ie8下修改input的type属性报错的解决方法
Sep 16 #Javascript
You might like
php中的观察者模式
2010/03/24 PHP
PHP 使用memcached简单示例分享
2015/03/05 PHP
浅谈laravel-admin form中的数据,在提交后,保存前,获取并进行编辑
2019/10/21 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
对google个性主页的拖拽效果的js的完整注释[转]
2007/04/10 Javascript
JavaScript与函数式编程解释
2007/04/27 Javascript
javascript数组组合成字符串的脚本
2021/01/06 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
Knockoutjs快速入门(经典)
2012/12/24 Javascript
jQuery写的日历(包括日历的样式及功能)
2013/04/23 Javascript
js css+html实现简单的日历
2016/07/14 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2016/07/21 Javascript
分享JS数组求和与求最大值的方法
2016/08/11 Javascript
JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决
2016/11/11 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
vue中的 $slot 获取插槽的节点实例
2019/11/12 Javascript
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Window 64位下python3.6.2环境搭建图文教程
2018/09/19 Python
Python continue语句实例用法
2020/02/06 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
python利用xpath爬取网上数据并存储到django模型中
2021/02/26 Python
Oroton中国官网:澳洲知名奢侈配饰品牌
2017/03/26 全球购物
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
Myprotein瑞士官方网站:运动营养和健身网上商店
2019/09/25 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
PHP开发的一般流程
2013/08/13 面试题
最新远光软件笔试题面试题内容
2013/11/08 面试题
试用期转正鉴定评语
2014/01/27 职场文书
体育口号大全
2014/06/18 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
2014年度考核工作总结
2014/12/24 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
社区结对共建协议书
2016/03/23 职场文书
动画《新网球王子 U-17 WORLD CUP》希腊队PV公开
2022/04/02 日漫