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


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变量以及其作用域详解
Jul 18 Javascript
javascript:;与javascript:void(0)使用介绍
Jun 05 Javascript
js日期相关函数总结分享
Oct 15 Javascript
JQuery中$.ajax()方法参数详解及应用
Dec 12 Javascript
JavaScript中的Primitive对象封装介绍
Dec 31 Javascript
JS实现自定义简单网页软键盘效果代码
Nov 05 Javascript
JS DOM实现鼠标滑动图片效果
Sep 17 Javascript
基于javascript编写简单日历
May 02 Javascript
javascript实现获取图片大小及图片等比缩放的方法
Nov 24 Javascript
angularjs使用directive实现分页组件的示例
Feb 07 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
Sep 28 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和ACCESS写聊天室(一)
2006/10/09 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
PHP实现的DES加密解密封装类完整实例
2017/04/29 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
js+CSS 图片等比缩小并垂直居中实现代码
2008/12/01 Javascript
JQuery的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
2010/03/09 Javascript
jquery实现多屏多图焦点图切换特效的方法
2015/05/04 Javascript
javascript常用的方法分享
2015/07/01 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
2016/06/13 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
2017/02/08 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
详解如何使用koa实现socket.io官网的例子
2018/11/04 Javascript
Web安全之XSS攻击与防御小结
2018/12/13 Javascript
Node.js中出现未捕获异常的处理方法
2020/06/29 Javascript
python实现爬虫下载漫画示例
2014/02/16 Python
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
python中pandas.DataFrame的简单操作方法(创建、索引、增添与删除)
2017/03/12 Python
python实现周期方波信号频谱图
2018/07/21 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
python GUI库图形界面开发之PyQt5图片显示控件QPixmap详细使用方法与实例
2020/02/27 Python
Python+kivy BoxLayout布局示例代码详解
2020/12/28 Python
加拿大花店:1800Flowers.ca
2016/11/16 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
职工运动会邀请函
2014/01/19 职场文书
歌唱比赛获奖感言
2014/01/21 职场文书
感恩教育活动总结
2014/05/05 职场文书
宝宝满月宴答谢词
2015/09/30 职场文书
高效课堂教学反思
2016/02/24 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技
Win11如何启用启动修复 ? Win11执行启动修复的三种方法
2022/04/08 数码科技