编程 Javascript

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

Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

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

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

Javascript 相关文章推荐

jQuery控制元素显示、隐藏、切换、滑动的方法总结

Apr 16 Javascript

js实现带按钮的上下滚动效果

May 12 Javascript

jQuery实现按钮只点击一次后就取消点击事件绑定的方法

Jun 26 Javascript

怎么通过onclick事件获取js函数返回值（代码少）

Jul 28 Javascript

Angular ui.bootstrap.pagination分页

Jan 20 Javascript

jQuery模拟实现天猫购物车动画效果实例代码

May 25 jQuery

JS中利用swiper实现3d翻转幻灯片实例代码

Aug 25 Javascript

vue 组件中slot插口的具体用法

Apr 03 Javascript

JS在if中的强制类型转换方式

Jul 15 Javascript

详解如何用webpack4从零开始构建react开发环境

Jan 27 Javascript

vue实现记事本功能

Jun 26 Javascript

vue基于better-scroll仿京东分类列表

Jun 30 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

PHP采用自定义函数实现遍历目录下所有文件的方法

2014/08/19 PHP

php中header跳转使用include包含解决参数丢失问题

2015/05/08 PHP

php的常量和变量实例详解

2017/06/27 PHP

php往mysql中批量插入数据实例教程

2018/12/12 PHP

PHP添加PNG图片背景透明水印操作类定义与用法示例

2019/03/12 PHP

JavaScript 高级篇之函数（四）

2012/04/07 Javascript

{}与function(){}选用空对象{}来存放keyValue

2012/05/23 Javascript

你必须知道的Javascript知识点之"单线程事件驱动"的使用

2013/04/23 Javascript

JavaScript如何自定义trim方法

2015/07/28 Javascript

jQuery事件的绑定、触发、及监听方法简单说明

2016/05/10 Javascript

把多个JavaScript函数绑定到onload事件处理函数上的方法

2016/09/04 Javascript

jquery mobile移动端幻灯片滑动切换效果

2020/04/15 Javascript

浅谈jQuery中事情的动态绑定

2017/02/12 Javascript

JavaScript使用FileReader实现图片上传预览效果

2020/03/27 Javascript

vue2.0 子组件改变props值,并向父组件传值的方法

2018/03/01 Javascript

vue代码分割的实现(codesplit)

2018/11/13 Javascript

JS判断两个数组或对象是否相同的方法示例

2019/02/28 Javascript

nodejs搭建本地服务器并访问文件操作示例

2019/05/11 NodeJs

深入分析jQuery.one() 函数

2020/06/03 jQuery

[47:03]Ti4第二日主赛事败者组 LGD vs iG 2

2014/07/21 DOTA

python求crc32值的方法

2014/10/05 Python

Python中的XML库4Suite Server的介绍

2015/04/14 Python

为Python的web框架编写前端模版的教程

2015/04/30 Python

Django渲染Markdown文章目录的方法示例

2019/01/02 Python

手把手教你pycharm专业版安装破解教程(linux版)

2019/09/26 Python

使用Python完成15位18位身份证的互转功能

2019/11/06 Python

Python依赖包迁移到断网环境操作

2020/07/13 Python

python获取整个网页源码的方法

2020/08/03 Python

比利时网上药店： Drogisterij.net

2017/03/17 全球购物

制药工程专业毕业生推荐信

2013/12/24 职场文书

新员工欢迎词

2014/01/12 职场文书

《小鹰学飞》教学反思

2014/04/23 职场文书

投资建议书模板

2014/05/12 职场文书

环境日宣传活动总结

2014/07/09 职场文书

总结Python常用的魔法方法

2021/05/25 Python

Python 使用 Frame tkraise() 方法在 Tkinter 应用程序中的Frame之间切换

2022/04/24 Python