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


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 相关文章推荐
js 获取class的元素的方法 以及创建方法getElementsByClassName
Mar 11 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
javascript关于运动的各种问题经典总结
Apr 27 Javascript
JavaScript中的toUTCString()方法使用详解
Jun 12 Javascript
jQuery插件jquery-barcode实现条码打印的方法
Nov 25 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
Apr 28 Javascript
深入浅析ng-bootstrap 组件集中 tabset 组件的实现分析
Jul 19 Javascript
JavaScript setInterval()与setTimeout()计时器
Dec 27 Javascript
JavaScript实现电灯开关小案例
Mar 30 Javascript
vue通过过滤器实现数据格式化
Jul 20 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实现获取中英文首字母
2015/06/19 PHP
弹出模态框modal的实现方法及实例
2017/09/19 PHP
php写入txt乱码的解决方法
2019/09/17 PHP
javascript生成不重复的随机数
2015/07/17 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
2015/12/22 Javascript
基于jQuery实现选项卡效果
2017/01/04 Javascript
bootstrap table使用入门基本用法
2017/05/24 Javascript
ReactJS实现表单的单选多选和反选的示例
2017/10/13 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
2018/08/22 Javascript
微信小程序 授权登录详解(附完整源码)
2019/08/23 Javascript
Bootstrap table 实现树形表格联动选中联动取消功能
2019/09/30 Javascript
Jquery异步上传文件代码实例
2019/11/13 jQuery
javascript设计模式 ? 中介者模式原理与用法实例分析
2020/04/20 Javascript
Python简单调用MySQL存储过程并获得返回值的方法
2015/07/20 Python
菜鸟使用python实现正则检测密码合法性
2016/01/05 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
python中subprocess批量执行linux命令
2018/04/27 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
anaconda中更改python版本的方法步骤
2019/07/14 Python
Django框架视图介绍与使用详解
2019/07/18 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
python多进程 主进程和子进程间共享和不共享全局变量实例
2020/04/25 Python
Python进行特征提取的示例代码
2020/10/15 Python
Lookfantastic希腊官网:英国知名美妆购物网站
2018/09/15 全球购物
泰国第一在线超市:Tops
2021/02/13 全球购物
打架检讨书300字
2014/02/02 职场文书
物流管理专业毕业生自荐信
2014/03/04 职场文书
三八活动策划方案
2014/08/17 职场文书
2014年维修工作总结
2014/11/22 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
道德与公民自我评价
2015/03/09 职场文书
2015年度优秀员工推荐信
2015/03/23 职场文书
起诉意见书范文
2015/05/19 职场文书
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技