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


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 window.opener的用法分析
Apr 07 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
May 09 Javascript
判断输入是否为空,获得输入类型的JS代码
Oct 30 Javascript
seaJs的模块定义和模块加载浅析
Jun 06 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
javascript如何创建对象
Aug 29 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
node.js利用mongoose获取mongodb数据的格式化问题详解
Oct 06 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 Javascript
vue实现购物车列表
Jun 30 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对mongodb的扩展(初出茅庐)
2012/11/11 PHP
解析PHP正则提取或替换img标记属性
2013/06/26 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
div移动 输入框不能输入的问题
2009/11/19 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
静态页面html中跳转传值的JS处理技巧
2016/06/22 Javascript
VC调用javascript的几种方法(推荐)
2016/08/09 Javascript
JS实现简单的tab切换选项卡效果
2016/09/21 Javascript
微信小程序开发经验总结(推荐)
2017/01/11 Javascript
JavaScript门面模式详解
2017/10/19 Javascript
angular写一个列表的选择全选交互组件的示例
2018/01/22 Javascript
详解jQuery获取特殊属性的值以及设置内容
2018/11/14 jQuery
微信小程序实现通过双向滑动缩放图片大小的方法
2018/12/30 Javascript
JS实现滚动条触底加载更多
2019/09/19 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
2020/04/13 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
[54:43]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第一场 2月22日
2021/03/11 DOTA
python解析xml文件实例分享
2013/12/04 Python
python文件操作之目录遍历实例分析
2015/05/20 Python
Python通用函数实现数组计算的方法
2019/06/13 Python
python批量修改图片尺寸,并保存指定路径的实现方法
2019/07/04 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
HTML5移动端开发中的Viewport标签及相关CSS用法解析
2016/04/15 HTML / CSS
飞利浦法国官网:Philips法国
2019/07/10 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
教育专业自荐书范文
2013/12/17 职场文书
自荐书模板
2013/12/19 职场文书
竞选文艺委员演讲稿
2014/04/28 职场文书
交通安全责任书范本
2014/07/24 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
岳庙导游词
2015/02/04 职场文书
个人自荐书怎么写
2015/03/26 职场文书
解决Redis启动警告问题
2022/02/24 Redis
MySQL如何快速创建800w条测试数据表
2022/03/17 MySQL
MySQL 条件查询的常用操作
2022/04/28 MySQL