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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
背景音乐每次刷新都可以自动更换
Feb 01 Javascript
JavaScript prototype对象的属性说明
Mar 13 Javascript
扩展javascript的Date方法实现代码(prototype)
Nov 20 Javascript
基于jquery的横向滚动条(滑动条)
Feb 24 Javascript
js split 的用法和定义 js split分割字符串成数组的实例代码
May 13 Javascript
简单的jquery左侧导航栏和页面选中效果
Aug 21 Javascript
Angularjs---项目搭建图文教程
Jul 08 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 Javascript
JavaScript组合模式---引入案例分析
May 23 Javascript
在nuxt中使用路由重定向的实例
Nov 06 Javascript
JavaScript高级程序设计之基本引用类型
Nov 17 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
pw的一个放后门的方法分析
2007/10/08 PHP
smarty的保留变量问题
2008/10/23 PHP
解析如何用php screw加密php源代码
2013/06/20 PHP
领悟php接口中interface存在的意义
2013/06/27 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
thinkphp5框架前后端分离项目实现分页功能的方法分析
2019/10/08 PHP
laravel model模型定义实现开启自动管理时间created_at,updated_at
2019/10/17 PHP
使用JavaScript实现Java的List功能(实例讲解)
2013/11/07 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
JavaScript拖动层Div代码
2017/03/01 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
node+express+ejs使用模版引擎做的一个示例demo
2017/09/18 Javascript
利用Vue2.x开发实现JSON树的方法
2018/01/04 Javascript
对mac下nodejs 更新到最新版本的最新方法(推荐)
2018/05/17 NodeJs
Vue props 单向数据流的实现
2018/11/06 Javascript
Vue Autocomplete 自动完成功能简单示例
2019/05/25 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
Python实现可设置持续运行时间、线程数及时间间隔的多线程异步post请求功能
2018/01/11 Python
Python GUI布局尺寸适配方法
2018/10/11 Python
Pytorch实现的手写数字mnist识别功能完整示例
2019/12/13 Python
python如何设置静态变量
2020/09/07 Python
Python3.9.1中使用match方法详解
2021/02/08 Python
美国最大和最受信任的二手轮胎商店:Bestusedtires.com
2020/06/02 全球购物
人力资源专员自我评价怎么写
2013/09/19 职场文书
大学生的自我鉴定范文
2014/01/21 职场文书
公务员综合考察材料
2014/02/01 职场文书
总经理司机职责
2014/02/02 职场文书
群众路线剖析材料
2014/02/02 职场文书
数控专业个人求职信范文
2014/02/05 职场文书
元旦活动感言
2014/03/08 职场文书
增员口号大全
2014/06/18 职场文书
2014年实习生工作总结
2014/11/27 职场文书
python实现简单倒计时功能
2021/04/21 Python
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python
python文件目录操作之os模块
2021/05/08 Python
python Django框架快速入门教程(后台管理)
2021/07/21 Python