编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

JAVASCRIPT style 中visibility和display之间的区别

Jan 22 Javascript

jQuery中innerWidth()方法用法实例

Jan 19 Javascript

深入解析JavaScript的闭包机制

Oct 20 Javascript

移动端js触摸事件详解

Sep 18 Javascript

ES6中class类用法实例浅析

Apr 06 Javascript

实例讲解Vue.js中router传参

Apr 22 Javascript

微信小程序用户信息encryptedData详解

Aug 24 Javascript

vue全局自定义指令-元素拖拽的实现代码

Apr 14 Javascript

基于JS开发微信网页录音功能的实例代码

Apr 30 Javascript

jquery绑定事件 bind和on的用法与区别分析

May 22 jQuery

如何利用js在两个html窗口间通信

Apr 27 Javascript

JavaScript异步操作中串行和并行

Nov 20 Javascript

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往windows中添加用户

2006/12/06 PHP

Drupal7中常用的数据库操作实例

2014/03/02 PHP

完美利用Yii2微信后台开发的系列总结

2016/07/18 PHP

tp5框架内使用tp3.2分页的方法分析

2019/05/05 PHP

理解Javascript_09_Function与Object

2010/10/16 Javascript

JavaScript学习笔记之获取当前目录的实现代码

2010/12/14 Javascript

jQuery实现Flash效果上下翻动的中英文导航菜单代码

2015/09/22 Javascript

JS去除空格和换行的正则表达式(推荐)

2016/06/14 Javascript

移动端日期插件Mobiscroll.js使用详解

2016/12/19 Javascript

js的三种继承方式详解

2017/01/21 Javascript

JS 中LocalStorage和SessionStorage的使用

2017/08/17 Javascript

jQuery.validate.js表单验证插件的使用代码详解

2018/10/22 jQuery

利用vue重构有赞商城的思路以及总结整理

2019/02/21 Javascript

Nodejs中的require函数的具体使用方法

2019/04/02 NodeJs

关于layui时间回显问题的解决方法

2019/09/24 Javascript

vscode 使用Prettier插件格式化配置使用代码详解

2020/08/10 Javascript

举例讲解Python中metaclass元类的创建与使用

2016/06/30 Python

使用python调用zxing库生成二维码图片详解

2017/01/10 Python

django基础之数据库操作方法(详解)

2017/05/24 Python

django 创建过滤器的实例详解

2017/08/14 Python

python实现装饰器、描述符

2018/02/28 Python

对Python通过pypyodbc访问Access数据库的方法详解

2018/10/27 Python

通过PYTHON来实现图像分割详解

2019/06/26 Python

python画图--输出指定像素点的颜色值方法

2019/07/03 Python

详解python opencv、scikit-image和PIL图像处理库比较

2019/12/26 Python

python如何调用java类

2020/07/05 Python

意大利中国电子产品购物网站：Geekmall.com

2019/09/30 全球购物

人力资源管理毕业生自荐信

2014/06/26 职场文书

2014年小学辅导员工作总结

2014/12/23 职场文书

店铺转让协议书

2015/01/29 职场文书

企业办公室主任岗位职责

2015/04/01 职场文书

新闻简讯格式及范文

2015/07/22 职场文书

小学英语课教学反思

2016/02/15 职场文书

创业计划书之美容店

2019/09/16 职场文书

Python实现排序方法常见的四种

2021/07/15 Python

使用HttpSessionListener监听器实战

2022/03/17 Java/Android