编程 Javascript

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

Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

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

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

Javascript 相关文章推荐

28个JS验证函数收集

Mar 02 Javascript

jquery简单的拖动效果实现原理及示例

Jul 26 Javascript

javascript常见操作汇总

Sep 03 Javascript

js使用心得分享

Jan 13 Javascript

js实现仿MSN带关闭功能的右下角弹窗代码

Sep 04 Javascript

jquery淡入淡出效果简单实例

Jan 14 Javascript

jQuery中的AjaxSubmit使用讲解

Sep 25 Javascript

实现一个简单的vue无限加载指令方法

Jan 10 Javascript

Bootstrap按钮组简单实现代码

Mar 06 Javascript

详解Vue SPA项目优化小记

Jul 03 Javascript

JS localStorage存储对象，sessionStorage存储数组对象操作示例

Feb 15 Javascript

小程序中手机号识别的示例

Dec 14 Javascript

用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

Windows下IIS6/Apache2.2.4+MySQL5.2+PHP5.2.1安装配置方法

2007/05/03 PHP

PHP的explode和implode的使用说明

2011/07/17 PHP

给初学者的30条PHP最佳实践(荒野无灯)

2011/08/02 PHP

phpadmin如何导入导出大数据文件及php.ini参数修改

2013/02/18 PHP

JSON PHP中,Json字符串反序列化成对象/数组的方法

2018/05/31 PHP

PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例

2019/02/25 PHP

摘自百度的图片轮换效果代码

2007/11/19 Javascript

JavaScript高级程序设计阅读笔记（五） ECMAScript中的运算符（一）

2012/02/27 Javascript

JavaScript 高级篇之函数（四）

2012/04/07 Javascript

MyEclipse取消验证Js的两种方法

2013/11/14 Javascript

JavaScript Promise启示录

2014/08/12 Javascript

Javascript的闭包详解

2014/12/26 Javascript

详解JavaScript设计模式开发中的桥接模式使用

2016/05/18 Javascript

完美解决iview 的select下拉框选项错位的问题

2018/03/02 Javascript

Vue组件中prop属性使用说明实例代码详解

2018/05/31 Javascript

jquery-ui 进度条功能示例【测试可用】

2019/07/25 jQuery

Vue实现兄弟组件间的联动效果

2020/01/21 Javascript

JS apply用法总结和使用场景实例分析

2020/03/14 Javascript

python基础教程之简单入门说明(变量和控制语言使用方法)

2014/03/25 Python

一个超级简单的python web程序

2014/09/11 Python

Windows8下安装Python的BeautifulSoup

2015/01/22 Python

火车票抢票python代码公开揭秘!

2018/03/08 Python

Django 使用logging打印日志的实例

2018/04/28 Python

Matplotlib animation模块实现动态图

2021/02/25 Python

python matplotlib工具栏源码探析三之添加、删除自定义工具项的案例详解

2021/02/25 Python

使用HTML5 Canvas绘制圆角矩形及相关的一些应用举例

2016/03/22 HTML / CSS

新加坡网上花店：FlowerAdvisor新加坡

2018/10/05 全球购物

linux面试题参考答案（10）

2013/11/04 面试题

介绍一些UNIX常用简单命令

2014/11/11 面试题

岗位职责说明书

2014/05/07 职场文书

学校安全生产承诺书

2014/05/23 职场文书

信电学院毕业生自荐书

2014/05/24 职场文书

2015年组织部工作总结

2015/04/03 职场文书

最感人的道歉情书

2015/05/12 职场文书

2015年中职班主任工作总结

2015/05/25 职场文书

苹果M1芯片安装nginx 并且部署vue项目步骤详解

2021/11/20 Servers