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


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 相关文章推荐
Javascript 匿名函数及其代码模式原理
Mar 19 Javascript
js 格式化时间日期函数小结
Mar 20 Javascript
Javascript 异步加载详解(浏览器在javascript的加载方式)
May 20 Javascript
jQuery实现带有洗牌效果的动画分页实例
Aug 31 Javascript
JS实现的不规则TAB选项卡效果代码
Sep 18 Javascript
检查表单元素的值是否为空的实例代码
Jun 16 Javascript
微信小程序 地图(map)实例详解
Nov 16 Javascript
vue如何实现observer和watcher源码解析
Mar 09 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
Jun 18 Javascript
微信小程序静默登录的实现代码
Jan 08 Javascript
Ajax实现三级联动效果
Oct 05 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/08/08 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
PHP会话处理的10个函数
2015/08/11 PHP
php 可变函数使用小结
2018/06/12 PHP
自动生成文章摘要的代码[JavaScript 版本]
2007/03/20 Javascript
在vs2010中调试javascript代码方法
2011/02/11 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
javascript正则表达式中的replace方法详解
2015/04/20 Javascript
jquery实现弹出层效果实例
2015/05/19 Javascript
node.js下LDAP查询实例分享
2015/09/30 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
微信小程序实现图片滚动效果示例
2018/12/05 Javascript
vue实现用户长时间不操作自动退出登录功能的实现代码
2020/07/23 Javascript
JavaScript的垃圾回收机制与内存管理
2020/08/06 Javascript
python时间整形转标准格式的示例分享
2014/02/14 Python
Python多进程编程技术实例分析
2014/09/16 Python
Python中unittest用法实例
2014/09/25 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
Python调用C++程序的方法详解
2017/01/24 Python
python机器学习之贝叶斯分类
2018/03/26 Python
深入浅析python with语句简介
2018/04/11 Python
python3实现163邮箱SMTP发送邮件
2018/05/22 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
Python cv2 图像自适应灰度直方图均衡化处理方法
2018/12/07 Python
Python二叉树的遍历操作示例【前序遍历,中序遍历,后序遍历,层序遍历】
2018/12/24 Python
英国网上电器商店:Electricshop
2020/03/15 全球购物
七年级数学教学反思
2014/01/22 职场文书
安全生产管理合理化建议书
2014/03/12 职场文书
经典婚礼主持词
2014/03/13 职场文书
经典演讲稿汇总
2014/05/19 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
python批量创建变量并赋值操作
2021/06/03 Python