编程 Javascript

javascript获取元素偏移量的方法有哪些

Posted in Javascript onJune 24, 2014

通过四个属性可以获得元素的偏移量：

1、offsetHeight: 元素在垂直方向上占用的空间的大小，（像素）。包括元素的高度，（可见的）水平滚动条的高度，上边框高度和下边框高度。

2、offsetWidth:元素在水平方向上占用的空间的大小，，（像素）。包括元素的宽度，（可见的）垂直滚动条的高度，左边框高度和右边框高度。

3、offsetLeft: 元素的左外边框至包含元素的左内边框之间的像素距离；

3、offsetTop: 元素的上外边框至包含元素的上内边框之间的像素距离；

javascript获取元素偏移量的方法有哪些

- Author -

whsnow

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

javascript 数字格式化输出的实现代码

Dec 10 Javascript

jqueryUI里拖拽排序示例分析

Feb 26 Javascript

jQuery制作简洁的图片轮播效果

Apr 03 Javascript

JavaScript更改字符串的大小写

May 07 Javascript

基于javascript实现最简单的选项卡切换效果

May 16 Javascript

jQuery简单注册和禁用全局事件的方法

Jul 25 Javascript

JS当前页面登录注册框,固定DIV,底层阴影的实例代码

Sep 29 Javascript

JS版微信6.0分享接口用法分析

Oct 13 Javascript

jQuery实现字符串全部替换的方法

Dec 12 Javascript

原生js实现商品放大镜效果

Jan 12 Javascript

vue父组件给子组件的组件传值provide inject的方法

Oct 23 Javascript

Vue图片裁剪组件实例代码

Jul 02 Vue.js

Jquery之Bind方法参数传递与接收的三种方法

Jun 24 #Javascript

JQuery 在线引用及测试引用是否成功

Jun 24 #Javascript

extjs 时间范围选择自动判断的实现代码

Jun 24 #Javascript

搭建pomelo 开发环境

Jun 24 #Javascript

JavaScript支持的最大递归调用次数分析

Jun 24 #Javascript

Node.js中require的工作原理浅析

Jun 24 #Javascript

angularjs实现与服务器交互分享

Jun 24 #Javascript

You might like

PHP模拟post提交数据方法汇总

2016/02/16 PHP

PHP实现的无限分类类库定义与用法示例【基于thinkPHP】

2018/08/06 PHP

提高代码性能技巧谈—以创建千行表格为例

2006/07/01 Javascript

几个javascript操作word的参考代码

2009/10/26 Javascript

超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)

2010/06/11 Javascript

浏览器页面区域大小的js获取方法

2013/09/21 Javascript

JS小游戏之仙剑翻牌源码详解

2014/09/25 Javascript

JavaScript中的包装对象介绍

2015/01/27 Javascript

javascript中call apply 与 bind方法详解

2016/03/10 Javascript

基于jquery实现简单的分页控件

2016/03/17 Javascript

jQuery数组处理函数整理

2016/08/03 Javascript

Javascript 事件冒泡机制详细介绍

2016/10/10 Javascript

在React 组件中使用Echarts的示例代码

2017/11/08 Javascript

JavaScript实现创建自定义对象的常用方式总结

2018/07/09 Javascript

webpack4+react多页面架构的实现

2018/10/25 Javascript

Nuxt.js 数据双向绑定的实现

2019/02/17 Javascript

全面解析Vue中的$nextTick

2020/12/24 Vue.js

将图片文件嵌入到wxpython代码中的实现方法

2014/08/11 Python

使用python开发vim插件及心得分享

2014/11/04 Python

Python cookbook(字符串与文本)在字符串的开头或结尾处进行文本匹配操作

2018/04/20 Python

Python 通过requests实现腾讯新闻抓取爬虫的方法

2019/02/22 Python

python爬虫添加请求头代码实例

2019/12/28 Python

html5 canvas简单封装一个echarts实现不了的饼图

2018/06/12 HTML / CSS

菲律宾购物网站：Lazada菲律宾

2018/04/05 全球购物

博柏利美国官方网站：Burberry美国

2020/11/19 全球购物

工程管理专业毕业生自荐信

2014/01/24 职场文书

点菜员岗位职责范本

2014/02/14 职场文书

新学期教师寄语

2014/04/02 职场文书

小学生期末评语大全

2014/04/21 职场文书

环保建议书100字

2014/05/14 职场文书

小学优秀学生评语

2014/12/29 职场文书

网上祭英烈活动总结

2015/02/04 职场文书

开会迟到检讨书范文

2015/05/06 职场文书

二手房购房意向书

2015/05/09 职场文书

合理化建议书范文

2015/09/14 职场文书

各国货币符号大全

2022/02/17 杂记