编程 Javascript

DOM2非标准但却支持很好的几个属性小结

Posted in Javascript onJanuary 21, 2012

1、偏移量

offsetWidth：指元素在水平方向上占用的空间大小，包括边框及滚动条的宽度
offsetHeight：指元素在垂直方向上占用的空间大小，包括边框及滚动条的高度
offsetLeft：返回元素的左偏移量，即元素的左外边框至包含元素的左内边框的像素距离
offsetTop：返回元素的上偏移量，即元素的上外边框至包含元素的上内边框的像素距离
offsetParent：返回最近的动态定位的包含元素的索引，即元素的祖先元素

2、客户区大小

clientWidth：指元素内容(含内边距)在水平方向上占用的空间大小，不包括边框及滚动条的宽度
clientHeight：指元素内容(含内边距)在垂直方向上占用的空间大小，不包括边框及滚动条的高度

3、滚动大小

scrollWidth：指元素内容(含内边距)的实际宽度，包括被隐藏的内容宽度
scrollHeight：指元素内容(含内边距)的实际高度，包括被隐藏的内容高度
scrollLeft：指元素左侧被隐藏内容的宽度
scrollTop：指元素上方被隐藏内容的高度

DOM2非标准但却支持很好的几个属性小结

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

Javascript 相关文章推荐

在IE下：float属性会影响offsetTop的取值

Dec 22 Javascript

用jscript实现列出安装的软件列表

Jun 18 Javascript

ie下动态加态js文件的方法

Sep 13 Javascript

JavaScript里四舍五入函数round用法实例

Apr 06 Javascript

JavaScript的==运算详解

Jul 20 Javascript

vue2项目使用sass的示例代码

Jun 28 Javascript

js+html5实现侧滑页面效果

Jul 15 Javascript

js时间戳与日期格式之间相互转换

Dec 11 Javascript

详解VUE-地区选择器(V-Distpicker)组件使用心得

May 07 Javascript

js控制随机数生成概率代码实例

Mar 21 Javascript

node.js express框架实现文件上传与下载功能实例详解

Oct 15 Javascript

vue 把二维或多维数组转一维数组

Apr 24 Vue.js

用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数

Jan 21 #Javascript

兼容ie、firefox的图片自动缩放的css跟js代码分享

Jan 21 #Javascript

面向对象的Javascript之一(初识Javascript)

Jan 20 #Javascript

MooBox 基于Mootools的对话框插件

Jan 20 #Javascript

formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)

Jan 20 #Javascript

json的前台操作和后台操作实现代码

Jan 20 #Javascript

Prototype源码浅析 Enumerable部分(二)

Jan 18 #Javascript

You might like

社区(php&&mysql)二

2006/10/09 PHP

php输出金字塔的2种实现方法

2014/12/16 PHP

Thinkphp结合AJAX长轮询实现PC与APP推送详解

2017/07/31 PHP

Laravel模糊查询区分大小写的实例

2019/09/29 PHP

宝塔面板在NGINX环境中TP5.1如何运行？

2021/03/09 PHP

Javascript Math对象

2009/08/13 Javascript

Extjs中DisplayField的日期或者数字格式化扩展

2010/09/03 Javascript

为你的网站增加亮点的9款jQuery插件推荐

2011/05/03 Javascript

html+css+js实现xp window界面及有关功能

2013/03/26 Javascript

解析JavaScript面向对象概念中的Object类型与作用域

2016/05/10 Javascript

关于JSON.parse(),JSON.stringify(),jQuery.parseJSON()的用法

2016/06/30 Javascript

教大家轻松制作Bootstrap漂亮表格（table）

2016/12/13 Javascript

详解Angular 开发环境搭建

2017/06/22 Javascript

浅谈如何使用 webpack 优化资源

2017/10/20 Javascript

jQuery中each方法的使用详解

2018/03/18 jQuery

JS和Canvas实现图片的预览压缩和上传功能

2018/03/30 Javascript

vue实现键盘输入支付密码功能

2018/08/18 Javascript

初试vue-cli使用HBuilderx打包app的坑

2019/07/17 Javascript

Vue.js组件实现选项卡以及切换特效

2019/07/24 Javascript

小程序如何定位所在城市及发起周边搜索

2020/02/11 Javascript

基于element-ui封装可搜索的懒加载tree组件的实现

2020/05/22 Javascript

[02:17]快乐加倍！DOTA2食人魔魔法师至宝＋迎霜节活动上线

2019/12/22 DOTA

Python爬取网页中的图片（搜狗图片）详解

2017/03/23 Python

Python操作mongodb数据库的方法详解

2018/12/08 Python

python监控nginx端口和进程状态

2019/09/06 Python

python 的 openpyxl模块读取 Excel文件的方法

2019/09/09 Python

Python面向对象实现方法总结

2020/08/12 Python

pip/anaconda修改镜像源,加快python模块安装速度的操作

2021/03/04 Python

利用CSS3实现进度条的两种姿势详解

2017/03/21 HTML / CSS

HTML5 canvas 基本语法

2009/08/26 HTML / CSS

美国专业汽车音响和移动电子产品零售商：Car Toys

2019/05/13 全球购物

美国新娘礼品店：The Paisley Box

2020/09/08 全球购物

行政文员岗位职责

2015/02/04 职场文书

作息时间调整通知

2015/04/22 职场文书

中考百日冲刺决心书

2015/09/22 职场文书

六五普法学习心得体会

2016/01/21 职场文书