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


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 相关文章推荐
不能再简单的无闪刷新验证码原理很简单
Nov 05 Javascript
JavaScript CSS修改学习第一章 查找位置
Feb 19 Javascript
jquery构造器的实现代码小结
May 16 Javascript
javascript实现div浮动在网页最顶上并带关闭按钮效果实例
Aug 13 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
Aug 27 Javascript
js和jquery中循环的退出和继续下一个循环
Sep 03 Javascript
Jquery搜索父元素操作方法
Feb 10 Javascript
Javascript生成全局唯一标识符(GUID,UUID)的方法
Feb 27 Javascript
简化vuex的状态管理方案的方法
Jun 02 Javascript
jQuery中each遍历的三种方法实例分析
Sep 07 jQuery
微信小程序把百度地图坐标转换成腾讯地图坐标过程详解
Jul 10 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
Mar 09 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中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
分享一下贝贝成长进度的php代码
2012/09/14 PHP
php遍历所有文件及文件夹的方法深入解析
2013/06/08 PHP
php实现httpRequest的方法
2015/03/13 PHP
thinkphp3.x中变量的获取和过滤方法详解
2016/05/20 PHP
Yii2中简单的场景使用介绍
2017/06/02 PHP
JQuery中html()方法使用不当带来的陷阱
2011/04/07 Javascript
Ext GridPanel加载完数据后进行操作示例代码
2014/06/17 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
微信小程序之仿微信漂流瓶实例
2016/12/09 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
Vue过滤器的用法和自定义过滤器使用
2017/02/08 Javascript
jQuery中的on与bind绑定事件区别实例详解
2017/02/28 Javascript
JavaScript正则获取地址栏中参数的方法
2017/03/02 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
javascript使用正则实现去掉字符串前面的所有0
2018/07/23 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
原生JavaScript实现换肤
2021/02/19 Javascript
Python编写的com组件发生R6034错误的原因与解决办法
2013/04/01 Python
python解析基于xml格式的日志文件
2017/02/25 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
python实现小程序推送页面收录脚本
2020/04/20 Python
使用pandas读取表格数据并进行单行数据拼接的详细教程
2021/03/03 Python
意大利自行车商店:Cingolani Bike Shop
2019/09/03 全球购物
英国卫浴商店:Ergonomic Design
2019/09/22 全球购物
几个判断型的面试题
2012/07/03 面试题
市贸粮局召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
纪检监察立案决定书
2015/06/24 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
决心书格式范文
2015/09/23 职场文书
节水宣传标语口号
2015/12/26 职场文书
Python3接口性能测试实例代码
2021/06/20 Python
Elasticsearch 索引操作和增删改查
2022/04/19 Python