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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
Extjs3.0 checkboxGroup 动态添加item实现思路
Aug 14 Javascript
jquery中的过滤操作详细解析
Dec 02 Javascript
使用jquery+CSS3实现仿windows10开始菜单的下拉导航菜单特效
Sep 24 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
解决wx.onMenuShareTimeline出现的问题
Aug 16 Javascript
jQuery中 bind的用法简单介绍
Feb 13 Javascript
Bootstrap如何激活导航状态
Mar 22 Javascript
jQuery实现对网页节点的增删改查功能示例
Sep 18 jQuery
Vue 让元素抖动/摆动起来的实现代码
May 31 Javascript
快速解决处理后台返回json数据格式的问题
Aug 07 Javascript
原生JS+HTML5实现的可调节写字板功能示例
Aug 30 Javascript
vue实现商品列表的添加删除实例讲解
May 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
安装APACHE
2007/01/15 PHP
php中动态调用函数的方法
2015/03/16 PHP
js里的prototype使用示例
2010/11/19 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
教你如何使用firebug调试功能了解javascript闭包和this
2015/03/04 Javascript
javascript自定义右键弹出菜单实现方法
2015/05/25 Javascript
SWFObject基本用法实例分析
2015/07/20 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
在页面中输出当前客户端时间javascript实例代码
2016/03/02 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
2016/04/26 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
你不知道的 javascript【推荐】
2017/01/08 Javascript
微信小程序开发之map地图实现教程
2017/06/08 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
2018/04/17 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
js时间转换毫秒的实例代码
2019/08/21 Javascript
JS控制GIF图片的停止与显示
2019/10/24 Javascript
解决Vue router-link绑定事件不生效的问题
2020/07/22 Javascript
django实现前后台交互实例
2017/08/07 Python
python 去除txt文本中的空格、数字、特定字母等方法
2018/07/24 Python
python3利用venv配置虚拟环境及过程中的小问题小结
2018/08/01 Python
对json字符串与python字符串的不同之处详解
2018/12/19 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
Python字符串的一些操作方法总结
2019/06/10 Python
PYQT5 vscode联合操作qtdesigner的方法
2020/03/24 Python
完美解决keras 读取多个hdf5文件进行训练的问题
2020/07/01 Python
纯CSS3制作的鼠标悬停时边框旋转
2017/01/03 HTML / CSS
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
美国体育用品在线:Modell’s Sporting Goods
2018/06/07 全球购物
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
销售主管的自我评价分享
2014/01/03 职场文书
《尊严》教学反思
2014/02/11 职场文书
行政助理的岗位职责
2014/02/18 职场文书
师德师风个人整改措施
2014/10/27 职场文书
学习心理学心得体会
2016/01/22 职场文书
小学思品教学反思
2016/02/20 职场文书