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


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 相关文章推荐
xml和web特殊字符
Apr 28 Javascript
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
通过jQuery源码学习javascript(二)
Dec 27 Javascript
jquery.ui.draggable中文文档(原文翻译)
Nov 15 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
jquery+ajax实现省市区三级联动效果简单示例
Jan 04 Javascript
js css3实现图片拖拽效果
Mar 04 Javascript
详解Vue生命周期的示例
Mar 10 Javascript
php 修改密码实现代码
May 24 Javascript
详解angularjs中的隔离作用域理解以及绑定策略
May 31 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
Jul 13 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 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
ThinkPHP中实例Model方法的区别说明
2010/08/21 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
PHP文件操作实例总结【文件上传、下载、分页】
2018/12/08 PHP
PHP yield关键字功能与用法分析
2019/01/03 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
判断脚本加载是否完成的方法
2009/05/26 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
jQuery scroll事件实现监控滚动条分页示例
2014/04/04 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
jQuery插件WebUploader实现文件上传
2016/11/07 Javascript
详解MVC如何使用开源分页插件(shenniu.pager.js)
2016/12/16 Javascript
详解nodejs中的process进程
2017/03/19 NodeJs
Vue.js仿Metronic高级表格(二)数据渲染
2017/04/19 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
[03:07]DOTA2英雄基础教程 冰霜诅咒极寒幽魂
2013/12/06 DOTA
用python实现面向对像的ASP程序实例
2014/11/10 Python
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
python爬取足球直播吧五大联赛积分榜
2018/06/13 Python
django2+uwsgi+nginx上线部署到服务器Ubuntu16.04
2018/06/26 Python
python微信好友数据分析详解
2018/11/19 Python
Python读取excel指定列生成指定sql脚本的方法
2018/11/28 Python
django框架自定义模板标签(template tag)操作示例
2019/06/24 Python
Python栈的实现方法示例【列表、单链表】
2020/02/22 Python
解决Jupyter Notebook开始菜单栏Anaconda下消失的问题
2020/04/13 Python
pytorch随机采样操作SubsetRandomSampler()
2020/07/07 Python
约瑟夫·特纳男装:Joseph Turner
2017/10/10 全球购物
Onzie官网:美国时尚瑜伽品牌
2019/08/21 全球购物
.NET里面什么时候需要调用垃圾回收
2015/06/01 面试题
电子信息毕业生自荐信
2013/11/16 职场文书
自主招生自荐信格式
2013/12/03 职场文书
人工作失职检讨书
2015/05/05 职场文书
2015年英语教研组工作总结
2015/05/23 职场文书
java获取一个文本文件的编码(格式)信息
2022/09/23 Java/Android