编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍

Dec 13 Javascript

热点新闻滚动特效的js代码

Aug 17 Javascript

javascript中文本框中输入法切换的问题

Dec 10 Javascript

JavaScript获取table中某一列的值的方法

May 06 Javascript

Node.js中使用mongoskin操作mongoDB实例

Sep 28 Javascript

最全的Javascript编码规范(推荐)

Jun 22 Javascript

jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】

Nov 09 Javascript

layer弹出层中H5播放器全屏出错的解决方法

Feb 21 Javascript

socket.io学习教程之基础介绍（一）

Apr 29 Javascript

Vue 2中ref属性的使用方法及注意事项

Jun 12 Javascript

使用angular帮你实现拖拽的示例

Jul 05 Javascript

Angular实现图片裁剪工具ngImgCrop实践

Aug 17 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 字符转义注意事项

2009/05/27 PHP

基于php使用memcache存储session的详解

2013/06/25 PHP

php基于session实现数据库交互的类实例

2015/08/03 PHP

PHP利用超级全局变量$_GET来接收表单数据的实例

2016/11/05 PHP

php 命名空间(namespace)原理与用法实例小结

2019/11/13 PHP

使用js实现一个可编辑的select下拉列表

2014/02/20 Javascript

js用Date对象的setDate()函数对日期进行加减操作

2014/09/18 Javascript

JS实现的鼠标跟随代码(卡通手型点击效果)

2015/10/26 Javascript

Angular 应用技巧总结

2016/09/14 Javascript

整理关于Bootstrap导航的慕课笔记

2017/03/29 Javascript

JavaScript中使用参数个数实现重载功能

2017/09/01 Javascript

详解Webstorm 新建.vue文件支持高亮vue语法和es6语法

2017/10/26 Javascript

JavaScript判断浏览器运行环境的详细方法

2019/06/30 Javascript

Vue实现购物车详情页面的方法

2019/08/20 Javascript

swiper4实现移动端导航切换

2020/10/16 Javascript

JS实现简单的表格增删

2020/01/16 Javascript

JavaScript设计模式--简单工厂模式实例分析【XHR工厂案例】

2020/05/23 Javascript

一篇文章带你搞懂Vue虚拟Dom与diff算法

2020/08/25 Javascript

简化Python的Django框架代码的一些示例

2015/04/20 Python

详解Python中的array数组模块相关使用

2016/07/05 Python

Python迭代器和生成器定义与用法示例

2018/02/10 Python

python递归全排列实现方法

2018/08/18 Python

从运行效率与开发效率比较Python和C++

2018/12/14 Python

python数据库编程 ODBC方式实现通讯录

2020/03/27 Python

完美解决Pycharm中matplotlib画图中文乱码问题

2021/01/11 Python

基于Python的接口自动化读写excel文件的方法

2021/01/15 Python

机关门卫岗位职责

2013/12/30 职场文书

电话客服工作职责

2014/07/27 职场文书

幼儿园国庆节活动总结

2015/03/23 职场文书

关于开学的感想

2015/08/10 职场文书

2016国培学习心得体会

2016/01/08 职场文书

Nginx反向代理及负载均衡如何实现(基于linux)

2021/03/31 Servers

详细聊聊vue中组件的props属性

2021/11/02 Vue.js

宝塔更新Python及Flask项目的部署

2022/04/11 Python

NASA 机智号火星直升机拍到了毅力号设备碎片

2022/04/29 数码科技

Nginx如何获取自定义请求header头和URL参数详解

2022/07/23 Servers