编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

javascript:以前写的xmlhttp池,代码

May 18 Javascript

javascript ie6兼容position:fixed实现思路

Apr 01 Javascript

jQuery实现的瀑布流加载效果示例

Sep 13 Javascript

jQuery设置Easyui校验规则(推荐)

Nov 21 Javascript

JS中闭包的经典用法小结(2则示例)

Dec 28 Javascript

JS触摸与手势事件详解

May 09 Javascript

JS基于对象的特性实现去除数组中重复项功能详解

Nov 17 Javascript

利用node实现一个批量重命名文件的函数

Dec 21 Javascript

vue实现todolist功能、todolist组件拆分及todolist的删除功能

Apr 11 Javascript

实例详解vue中的$root和$parent

Apr 29 Javascript

Vue+elementui 实现复杂表头和动态增加列的二维表格功能

Sep 23 Javascript

vue中的循环对象属性和属性值用法

Sep 04 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

我的论坛源代码(一)

2006/10/09 PHP

你可能不知道PHP get_meta_tags()函数

2014/05/12 PHP

php中最简单的字符串匹配算法

2014/12/16 PHP

PHP 中常量的知识整理

2017/04/14 PHP

jMessageBox 基于jQuery的窗口插件

2009/12/09 Javascript

jQuery实现的立体文字渐变效果

2010/05/17 Javascript

js加入收藏以及使用Jquery更改透明度

2014/01/26 Javascript

实例讲解JS中数组Array的操作方法

2014/05/09 Javascript

js实现超简单的展开、折叠目录代码

2015/08/28 Javascript

详解angular element()方法使用

2017/04/08 Javascript

JS和JQuery实现雪花飘落效果

2017/11/30 jQuery

小程序登录态管理的方法示例

2018/11/13 Javascript

JavaScript之实现一个简单的Vue示例

2019/01/17 Javascript

vue之延时刷新实例

2019/11/14 Javascript

openLayer4实现动态改变标注图标

2020/08/17 Javascript

原生小程序封装跑马灯效果

2020/10/21 Javascript

vue 避免变量赋值后双向绑定的操作

2020/11/07 Javascript

[01:19:33]DOTA2-DPC中国联赛正赛 iG vs VG BO3 第一场 2月2日

2021/03/11 DOTA

python中如何正确使用正则表达式的详细模式（Verbose mode expression)

2017/11/08 Python

对pandas中to_dict的用法详解

2018/06/05 Python

python中pytest收集用例规则与运行指定用例详解

2019/06/27 Python

Python 如何优雅的将数字转化为时间格式的方法

2019/09/26 Python

卸载tensorflow-cpu重装tensorflow-gpu操作

2020/06/23 Python

Python爬取微信小程序Charles实现过程图解

2020/09/29 Python

意大利在线高尔夫商店：Online Golf

2021/03/09 全球购物

请说出这段代码执行后a和b的值分别是多少

2015/03/28 面试题

党员实事承诺书

2014/03/26 职场文书

我们的节日清明节活动总结

2014/04/30 职场文书

平安建设工作方案

2014/06/02 职场文书

相亲大会策划方案

2014/06/05 职场文书

责任书范本

2014/08/25 职场文书

2014迎接教师节演讲稿

2014/09/10 职场文书

女方离婚起诉书

2015/05/18 职场文书

2019中小学生安全过暑期倡议书

2019/06/24 职场文书

详细聊一聊mysql的树形结构存储以及查询

2022/04/05 MySQL

Windows server 2012 R2 安装IIS服务器

2022/04/29 Servers