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


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 相关文章推荐
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
javascript中的prototype属性使用说明(函数功能扩展)
Aug 16 Javascript
function foo的原型与prototype属性解惑
Nov 19 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 Javascript
JavaScript中的继承之类继承
May 01 Javascript
jQuery表格的维护和删除操作
Feb 03 Javascript
详解如何用webpack打包一个网站应用项目
Jul 12 Javascript
JavaScript实现多态和继承的封装操作示例
Aug 20 Javascript
js中async函数结合promise的小案例浅析
Apr 14 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
Oct 24 Javascript
小谈angular ng deploy的实现
Apr 07 Javascript
vue 扩展现有组件的操作
Aug 14 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 无限级 SelectTree 类
2009/05/19 PHP
php中的Base62类(适用于数值转字符串)
2013/08/12 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
初识ThinkPHP控制器
2016/04/07 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
推荐10个超棒的jQuery工具提示插件
2011/10/11 Javascript
JavaScript将数组转换成CSV格式的方法
2015/03/19 Javascript
win7下安装配置node.js+express开发环境
2015/12/06 Javascript
Javascript基础_嵌入图像的简单实现
2016/06/14 Javascript
如何提高Dom访问速度
2017/01/05 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
基于vue cli 通过命令行传参实现多环境配置
2018/07/12 Javascript
Vue中的异步组件函数实现代码
2018/07/20 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
layer.open组件获取弹出层页面变量、函数的实例
2019/09/25 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
小程序实现上下切换位置
2020/11/16 Javascript
以一段代码为实例快速入门Python2.7
2015/03/31 Python
Pycharm技巧之代码跳转该如何回退
2017/07/16 Python
python读取多层嵌套文件夹中的文件实例
2020/02/27 Python
Jupyter notebook运行Spark+Scala教程
2020/04/10 Python
CSS3 简单又实用的5个属性
2010/03/04 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
2013/01/08 HTML / CSS
吉力贝官方网站:Jelly Belly
2019/03/11 全球购物
Beach Bunny Swimwear官网:设计师泳装和性感比基尼
2019/03/13 全球购物
采购文员岗位职责
2013/11/20 职场文书
元旦获奖感言
2014/03/08 职场文书
承诺书的格式范文
2014/03/28 职场文书
人口与计划生育目标管理责任书
2014/07/29 职场文书
焦裕禄精神心得体会
2014/09/02 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
教师节座谈会主持词
2015/07/03 职场文书
详解Python小数据池和代码块缓存机制
2021/04/07 Python