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


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调用XML制作连动下拉列表框
Jun 25 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
Vue分页组件实例代码
Apr 17 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
Puppet的一些技巧
Sep 17 Javascript
layUI实现列表查询功能
Jul 27 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
Jan 07 Vue.js
node.js 基于 STMP 协议和 EWS 协议发送邮件
Feb 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中array_multisort对多维数组排序的方法
2020/06/21 PHP
PHP fopen函数用法实例讲解
2019/02/15 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
jquery实现滑屏大图定时收缩为小banner图片的广告代码
2015/09/02 Javascript
js文字横向滚动特效
2015/11/11 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
JS代码随机生成姓名、手机号、身份证号、银行卡号
2016/04/27 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
2016/10/10 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
Ext JS 实现建议词模糊动态搜索功能
2017/05/13 Javascript
Bootstrap Multiselect 常用组件实现代码
2017/07/09 Javascript
form表单序列化详解(推荐)
2017/08/15 Javascript
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
2017/09/19 NodeJs
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
vue中的计算属性实例详解
2018/09/19 Javascript
Python version 2.7 required, which was not found in the registry
2014/08/26 Python
Python中用于转换字母为小写的lower()方法使用简介
2015/05/19 Python
python+matplotlib绘制简单的海豚(顶点和节点的操作)
2018/01/02 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
tensorflow: 查看 tensor详细数值方法
2018/06/13 Python
python numpy和list查询其中某个数的个数及定位方法
2018/06/27 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
介绍一下Make? 为什么使用make
2013/12/08 面试题
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
现金会计岗位职责
2013/12/05 职场文书
思想汇报格式
2014/01/05 职场文书
数学系毕业生求职信
2014/05/29 职场文书
新文化运动的口号
2014/06/21 职场文书
教师辞职书范文
2015/02/26 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
mysql升级到5.7时,wordpress导数据报错1067的问题
2021/05/27 MySQL
python编程项目中线上问题排查与解决
2021/11/01 Python