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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
?牟┛途W扣了一??效果出?? target=
May 27 Javascript
functional继承模式 摘自javascript:the good parts
Jun 20 Javascript
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
Vue实现内部组件轮播切换效果的示例代码
Apr 07 Javascript
JS使用setInterval实现的简单计时器功能示例
Apr 19 Javascript
微信小程序模拟cookie的实现
Jun 20 Javascript
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
微信小程序实现卡片左右滑动效果的示例代码
May 01 Javascript
JavaScript面试中常考的字符串操作方法大全(包含ES6)
May 10 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基础知识:类与对象(5) static
2006/12/13 PHP
PHP实现读取一个1G的文件大小
2013/08/24 PHP
在Win7 中为php扩展配置Xcache
2014/10/08 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
让iframe框架网页在任何浏览器下自动伸缩
2006/08/18 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
JavaScript基本编码模式小结
2012/05/23 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
jQuery实现可用于博客的动态滑动菜单完整实例
2015/09/17 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
jQuery EasyUI Layout实现tabs标签的实例
2017/09/26 jQuery
vue实现裁切图片同时实现放大、缩小、旋转功能
2018/03/02 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
深入解析koa之异步回调处理
2019/06/17 Javascript
微信小程序JS加载esmap地图的实例详解
2019/09/04 Javascript
pygame学习笔记(5):游戏精灵
2015/04/15 Python
微信跳一跳python自动代码解读1.0
2018/01/12 Python
python 通过字符串调用对象属性或方法的实例讲解
2018/04/21 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
LivingSocial爱尔兰:爱尔兰本地优惠
2018/08/10 全球购物
ESDlife健康生活易:身体检查预订、搜寻及比较
2019/05/10 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
顶撞老师检讨书
2014/02/07 职场文书
贯彻学习两会心得体会范文
2014/03/17 职场文书
库房保管员岗位职责
2014/04/07 职场文书
餐厅筹备计划书
2014/04/25 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
2014年超市员工工作总结
2014/11/18 职场文书
工作失职检讨书范文
2015/05/05 职场文书
负责培养人意见
2015/06/05 职场文书
Python Pandas解析读写 CSV 文件
2022/04/11 Python