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


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 相关文章推荐
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
Sep 22 Javascript
javascript下判断一个元素是否存在的代码
Mar 05 Javascript
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
JavaScript中数据结构与算法(三):链表
Jun 19 Javascript
jquery实现简易的移动端验证表单
Nov 08 Javascript
基于jquery实现瀑布流布局
Jun 28 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
Bootstrap每天必学之日期控制
Mar 07 Javascript
Javascript 6里的4个新语法
Aug 25 Javascript
详解Node.js一行命令上传本地文件到服务器
Apr 22 Javascript
详解Vue前端生产环境发布配置实战篇
May 07 Javascript
OpenLayers3实现地图显示功能
Sep 25 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
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
Laravel使用Queue队列的技巧汇总
2019/09/02 PHP
基于laravel缓冲cache的用法详解
2019/10/23 PHP
php框架CI(codeigniter)自动加载与自主创建对象操作实例分析
2020/06/06 PHP
JavaScript使用cookie
2007/02/02 Javascript
Firefox和IE浏览器兼容JS脚本写法小结
2008/07/07 Javascript
javascript forEach通用循环遍历方法
2010/10/11 Javascript
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
js二维数组排序的简单示例代码
2014/01/24 Javascript
Javascript限制网页只能在微信内置浏览器中访问
2014/11/09 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
2015/07/27 Javascript
不想让浏览器运行javascript脚本的方法
2015/11/20 Javascript
JavaScript学习笔记之检测客户端类型是(引擎、浏览器、平台、操作系统、移动设备)
2015/12/03 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
BootStrap 图片样式、辅助类样式和CSS组件的实例详解
2017/01/20 Javascript
帝国cms首页列表页实现点赞功能
2017/10/30 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
Vue+Element-UI实现上传图片并压缩
2019/11/26 Javascript
echarts 使用formatter 修改鼠标悬浮事件信息操作
2020/07/20 Javascript
将Python中的数据存储到系统本地的简单方法
2015/04/11 Python
python简单判断序列是否为空的方法
2015/06/30 Python
轻松实现TensorFlow微信跳一跳的AI
2018/01/05 Python
python文件绝对路径写法介绍(windows)
2019/12/25 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
中层竞聘演讲稿
2014/01/09 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
兽医医药专业求职信
2014/07/27 职场文书
红领巾心向党演讲稿
2014/09/10 职场文书
结婚当天新郎保证书
2015/05/08 职场文书
2015初中生物教研组工作总结
2015/07/21 职场文书
党员学习型组织心得体会
2019/06/21 职场文书
python入门之算法学习
2021/04/22 Python
Java获取字符串编码格式实现思路
2022/09/23 Java/Android