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


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打造最佳用户体验的登录页面的实现代码
Jul 08 Javascript
根据IP的地址,区分不同的地区,查看不同的网站页面的js代码
Feb 26 Javascript
jQuery插件分享之分页插件jqPagination
Jun 06 Javascript
浅谈JavaScript 框架分类
Nov 10 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
vue如何获取点击事件源的方法
Aug 10 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
解决node-sass偶尔安装失败的方法小结
Dec 05 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
vue3实现v-model原理详解
Oct 09 Javascript
node.js制作一个简单的登录拦截器
Feb 10 Javascript
vue中使用带隐藏文本信息的图片、图片水印的方法
Apr 24 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
第八节--访问方式
2006/11/16 PHP
PHP中文件读、写、删的操作(PHP中对文件和目录操作)
2012/03/06 PHP
php实现的一个很好用HTML解析器类可用于采集数据
2013/09/23 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
学习javascript,实现插入排序实现代码
2011/07/31 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
简介JavaScript中POSITIVE_INFINITY值的使用
2015/06/05 Javascript
jQuery实现的网页右下角tab样式在线客服效果代码
2015/10/23 Javascript
jQuery的实例及必知重要的jQuery选择器详解
2016/05/20 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
2017/10/09 jQuery
基于vue-cli、elementUI的Vue超简单入门小例子(推荐)
2019/04/17 Javascript
vue 实现在同一界面实现组件的动态添加和删除功能
2020/06/16 Javascript
node中短信api实现验证码登录的示例代码
2021/01/20 Javascript
Python字符串拼接、截取及替换方法总结分析
2016/04/13 Python
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
编写多线程Python服务器 最适合基础
2018/09/14 Python
解决python文件双击运行秒退的问题
2019/06/24 Python
Python matplotlib学习笔记之坐标轴范围
2019/06/28 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
详解Django配置JWT认证方式
2020/05/09 Python
用python给csv里的数据排序的具体代码
2020/07/17 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
Book Depository亚太地区:一家领先的国际图书零售商
2019/05/05 全球购物
会计实习自我鉴定
2013/12/04 职场文书
个性发展自我评价
2014/02/11 职场文书
保险公司晨会主持词
2014/03/22 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
关于调整工作时间的通知
2015/04/24 职场文书
国庆节主题班会
2015/08/15 职场文书
Python进行区间取值案例讲解
2021/08/02 Python
Spring boot实现上传文件到本地服务器
2022/08/14 Java/Android