编程 Javascript

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

Posted in Javascript onJune 24, 2014

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

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

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

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

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

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

- Author -

whsnow

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

Javascript 相关文章推荐

jQuery源码分析-03构造jQuery对象-工具函数

Nov 14 Javascript

jquery实现点击页面回到顶部

Nov 23 Javascript

Vue.js组件tree实现省市多级联动

Dec 02 Javascript

Vue2路由动画效果的实现代码

Jul 10 Javascript

express框架实现基于Websocket建立的简易聊天室

Aug 10 Javascript

详谈表单重复提交的三种情况及解决方法

Aug 16 Javascript

js es6系列教程 - 基于new.target属性与es5改造es6的类语法

Sep 02 Javascript

获取本机IP地址的实例(JavaScript / Node.js)

Nov 24 Javascript

详解JavaScript基础知识（JSON、Function对象、原型、引用类型）

Jan 16 Javascript

Web安全之XSS攻击与防御小结

Dec 13 Javascript

基于elementUI实现图片预览组件的示例代码

Mar 31 Javascript

通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法

Aug 24 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

dede3.1分页文字采集过滤规则详说(图文教程)续四

2007/04/03 PHP

php获取某个目录大小的代码

2008/09/10 PHP

smarty的保留变量问题

2008/10/23 PHP

ThinkPHP实现跨模块调用操作方法概述

2014/06/20 PHP

PHP中比较时间大小实例

2014/08/21 PHP

php实现面包屑导航例子分享

2015/12/19 PHP

php+ajax实现带进度条的上传图片功能【附demo源码下载】

2016/09/14 PHP

php基于dom实现读取图书xml格式数据的方法

2017/02/03 PHP

如何在Laravel5.8中正确地应用Repository设计模式

2019/11/26 PHP

MacOS下PHP7.1升级到PHP7.4.15的方法

2021/02/22 PHP

JS打开新窗口的2种方式

2013/04/18 Javascript

JS获取下拉列表所选中的TEXT和Value的实现代码

2014/01/11 Javascript

JS 新增Cookie 取cookie值删除cookie 举例详解

2014/10/10 Javascript

Node.js开源应用框架HapiJS介绍

2015/01/14 Javascript

微信小程序版翻牌小游戏

2018/01/26 Javascript

微信小程序实现bindtap等事件传参

2019/04/08 Javascript

Layui实现数据表格默认全部显示(不要分页)

2019/10/26 Javascript

vue 移动端记录页面浏览位置的方法

2020/03/11 Javascript

vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

2020/07/22 Javascript

Python实现的文本简单可逆加密算法示例

2017/05/18 Python

python去掉 unicode 字符串前面的u方法

2018/10/21 Python

Python转换itertools.chain对象为数组的方法

2020/02/07 Python

Python编程快速上手——Excel到CSV的转换程序案例分析

2020/02/28 Python

python 异步async库的使用说明

2020/05/04 Python

PyCharm2020.3.2安装超详细教程

2021/02/08 Python

css3 transform及原生js实现鼠标拖动3D立方体旋转

2016/06/20 HTML / CSS

Html5 postMessage实现跨域消息传递

2016/03/11 HTML / CSS

海滩咖啡馆：Beach Cafe

2018/02/02 全球购物

在什么时候需要使用＂常引用＂

2015/12/31 面试题

授权委托书格式

2014/07/31 职场文书

个人授权委托书

2014/09/15 职场文书

财务人员岗位职责

2015/02/03 职场文书

环卫处个人工作总结

2015/03/04 职场文书

情侣之间的道歉短信

2015/05/12 职场文书

小学安全教育主题班会

2015/08/12 职场文书

go语言map与string的相互转换的实现

2021/04/07 Golang