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


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 相关文章推荐
使用Java实现简单的server/client回显功能的方法介绍
May 03 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
Oct 11 Javascript
JS中使用sort结合localeCompare实现中文排序实例
Jul 23 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
Jun 13 Javascript
整理一些最近经常遇到的前端面试题
Apr 25 Javascript
浅谈Node.js爬虫之网页请求模块
Jan 11 Javascript
浅谈Webpack核心模块tapable解析
Sep 11 Javascript
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
微信小程序实现顶部导航特效
Jan 28 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
May 09 Javascript
vue中的v-model原理,与组件自定义v-model详解
Aug 04 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
用js进行url编码后用php反解以及用php实现js的escape功能函数总结
2010/02/08 PHP
php文件上传表单摘自drupal的代码
2011/02/15 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
ThinkPHP实现二级循环读取的方法
2014/11/03 PHP
PHP扩展框架之Yaf框架的安装与使用
2016/05/18 PHP
PHP设计模式之适配器模式(Adapter)原理与用法详解
2019/12/12 PHP
php获取是星期几的的一些常用姿势
2019/12/15 PHP
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
2010/04/01 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
JavaScript splice()方法详解
2020/09/22 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
javascript对中文按照拼音排序代码
2014/08/20 Javascript
jQuery实现的无限级下拉菜单功能示例
2016/09/12 Javascript
React组件的三种写法总结
2017/01/12 Javascript
js实现模糊匹配功能
2017/02/15 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
Vue创建头部组件示例代码详解
2018/10/23 Javascript
angular4自定义组件非input元素实现ngModel双向数据绑定的方法
2018/12/28 Javascript
基于python编写的微博应用
2014/10/17 Python
Python分析微信好友性别比例和省份城市分布比例的方法示例【基于itchat模块】
2020/05/29 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
Joie官方网上商店:购买服装和女装配饰
2018/06/05 全球购物
顺丰快递Java软件工程师面试题
2015/07/31 面试题
入党申请书自我鉴定
2013/10/12 职场文书
高中毕业自我鉴定
2013/12/19 职场文书
财务管理职业生涯规划范文
2013/12/27 职场文书
学生拾金不昧表扬信
2014/01/21 职场文书
经济管理专业求职信
2014/06/09 职场文书
邀请函的格式
2015/01/30 职场文书
2016元旦晚会主持词
2015/07/01 职场文书
详解JavaScript中的执行上下文及调用堆栈
2021/04/29 Javascript
Django实现翻页的示例代码
2021/05/24 Python
Python使用Kubernetes API访问集群
2021/05/30 Python