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


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 研究心得 取得属性的值
Nov 30 Javascript
javascript中关于break,continue的特殊用法与介绍
May 24 Javascript
jquery跨域请求示例分享(jquery发送ajax请求)
Mar 25 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
浅谈javascript实现八大排序
Apr 27 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
Sep 01 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
Sep 08 Javascript
详解webpack自动生成html页面
Jun 29 Javascript
node+vue实现文件上传功能
May 28 Javascript
html-webpack-plugin修改页面的title的方法
Jun 18 Javascript
JavaScript 实现下雪特效的示例代码
Sep 09 Javascript
vue实现省市区联动 element-china-area-data插件
Apr 22 Vue.js
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
yii上传文件或图片实例
2014/04/01 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
PHP实现删除多重数组对象属性并重新赋值的方法
2017/06/07 PHP
PHP7如何开启Opcode打造强悍性能详解
2018/05/11 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
jquery 插件 任意位置浮动固定层
2008/12/25 Javascript
javascript中注册和移除事件的4种方式
2013/03/20 Javascript
js实现飞入星星特效代码
2014/10/17 Javascript
js实现从中间开始往上下展开网页窗口的方法
2015/03/02 Javascript
针对初学者的jQuery入门指南
2015/08/15 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
后端接收不到AngularJs中$http.post发送的数据原因分析及解决办法
2016/07/05 Javascript
Javascript从数组中随机取出不同元素的两种方法
2016/09/22 Javascript
js表单登陆验证示例
2016/10/19 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
2016/11/01 Javascript
AngularJs篇:使用AngularJs打造一个简易权限系统的实现代码
2016/12/26 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
关于vue-router的beforeEach无限循环的问题解决
2017/09/09 Javascript
在vue中通过axios异步使用echarts的方法
2018/01/13 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
Vue起步(无cli)的啊教程详解
2019/04/11 Javascript
在vue-cli创建的项目中使用sass操作
2020/08/10 Javascript
Python使用logging结合decorator模式实现优化日志输出的方法
2016/04/16 Python
实例解析Python中的__new__特殊方法
2016/06/02 Python
python dataframe向下向上填充,fillna和ffill的方法
2018/11/28 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
详解Flask前后端分离项目案例
2020/07/24 Python
python在一个范围内取随机数的简单实例
2020/08/16 Python
企业元宵节主持词
2014/03/25 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
三八节祝酒词
2015/08/11 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
聊聊golang中多个defer的执行顺序
2021/05/08 Golang
《游戏王:大师决斗》新活动上线 若无符合卡组可免费租用
2022/04/13 其他游戏
Python docx库删除复制paragraph及行高设置图片插入示例
2022/07/23 Python