编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

解决 FireFox 下[使用event很麻烦] 的问题.

Aug 22 Javascript

用Javascript实现UTF8编码转换成gb2312编码

Dec 22 Javascript

jQuery 事件队列调整方法

Sep 18 Javascript

jquery 选项卡效果新手代码

Jul 08 Javascript

javascript实现简单的鼠标拖动效果实例

Apr 10 Javascript

javascript创建动态表单的方法

Jul 25 Javascript

微信小程序配置顶部导航条标题颜色的实现方法

Sep 20 Javascript

微信小程序简单实现form表单获取输入数据功能示例

Nov 30 Javascript

Vue中保存数据到磁盘文件的方法

Sep 06 Javascript

Element Table的row-class-name无效与动态高亮显示选中行背景色

Nov 30 Javascript

5分钟快速看懂ES6中的反射与代理

Dec 19 Javascript

vue+elementui实现点击table中的单元格触发事件--弹框

Jul 18 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

thinkphp5 URL和路由的功能详解与实例

2017/12/26 PHP

PHP基于面向对象实现的留言本功能实例

2018/04/04 PHP

ThinkPHP3.2框架自定义配置和加载用法示例

2018/06/14 PHP

php session_decode函数用法讲解

2019/05/26 PHP

Laravel 默认邮箱登录改成用户名登录的实现方法

2019/08/12 PHP

laravel实现按月或天或小时统计mysql数据的方法

2019/10/09 PHP

Javascript的IE和Firefox兼容性汇编

2006/07/01 Javascript

利用jq让你的div居中的好方法分享

2013/11/21 Javascript

JavaScript极简入门教程（一）：基础篇

2014/10/25 Javascript

JavaScript中常用的验证reg

2016/10/13 Javascript

Angular2中Bootstrap界面库ng-bootstrap详解

2016/10/18 Javascript

JS简单获取日期相差天数的方法

2017/04/24 Javascript

BootStrap的两种模态框方式

2017/05/10 Javascript

vue.js在标签属性中插入变量参数的方法

2018/03/06 Javascript

vue通过滚动行为实现从列表到详情,返回列表原位置的方法

2018/08/31 Javascript

vue集成百度UEditor富文本编辑器使用教程

2018/09/21 Javascript

p5.js绘制旋转的正方形

2019/10/23 Javascript

JS实现拖动模糊框特效

2020/08/25 Javascript

微信小程序实现单个或多个倒计时功能

2020/11/01 Javascript

[07:47]DOTA2国际邀请赛采访专栏：探访Valve总部

2013/08/08 DOTA

python 将字符串转换成字典dict

2013/03/24 Python

分享Python文本生成二维码实例

2016/01/06 Python

python对常见数据类型的遍历解析

2019/08/27 Python

python中单下划线(_)和双下划线（__）的特殊用法

2019/08/29 Python

python中time库的实例使用方法

2019/10/31 Python

英国著名的化妆品折扣网站：Allbeauty.com

2016/07/21 全球购物

美国摄影爱好者购物网站：Focus Camera

2016/10/21 全球购物

英国DIY和家居装饰领域的主要品牌：Wickes

2019/11/26 全球购物

运动会广播稿500字

2014/01/28 职场文书

实习生求职自荐信

2014/02/07 职场文书

大四学生找工作的自荐信

2014/03/27 职场文书

2016年寒假家长评语

2015/10/10 职场文书

React 高阶组件HOC用法归纳

2021/06/13 Javascript

K8s部署发布Golang应用程序的实现方法

2021/07/16 Golang

mysql创建存储过程及函数详解

2021/12/04 MySQL