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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
IE8 浏览器Cookie的处理
Jan 31 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
两种方法基于jQuery实现IE浏览器兼容placeholder效果
Oct 14 Javascript
js实现简洁的TAB滑动门效果代码
Sep 06 Javascript
javascript检测移动设备横竖屏
May 21 Javascript
AngularJs表单验证实例详解
May 30 Javascript
Node.js + Redis Sorted Set实现任务队列
Sep 19 Javascript
D3.js进阶系列之CSV表格文件的读取详解
Jun 06 Javascript
新手vue构建单页面应用实例代码
Sep 18 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
解决vue单页面 回退页面 keeplive 缓存问题
Jul 22 Javascript
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 24 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
sourcesafe管理phpproj文件的补充说明(downmoon)
2009/04/11 PHP
PHP开发中常见的安全问题详解和解决方法(如Sql注入、CSRF、Xss、CC等)
2014/04/21 PHP
php基于base64解码图片与加密图片还原实例
2014/11/03 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
javascript 验证日期的函数
2010/03/18 Javascript
jQuery初学:find()方法及children方法的区别分析
2011/01/31 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
textarea焦点的用法实现获取焦点清空失去焦点提示效果
2014/05/19 Javascript
jQuery实现遮罩层登录对话框
2016/12/29 Javascript
node学习记录之搭建web服务器教程
2017/02/16 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
Vue源码中要const _toStr = Object.prototype.toString的原因分析
2018/12/09 Javascript
常见的浏览器存储方式(cookie、localStorage、sessionStorage)
2019/05/07 Javascript
layui添加动态菜单与选项卡
2019/07/26 Javascript
vue把输入框的内容添加到页面的实例讲解
2019/11/11 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
[55:23]VGJ.T vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
[56:48]FNATIC vs EG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
python基于socket实现网络广播的方法
2015/04/29 Python
python Elasticsearch索引建立和数据的上传详解
2019/08/04 Python
python实现抠图给证件照换背景源码
2019/08/20 Python
Python使用requests模块爬取百度翻译
2020/08/25 Python
Expedia泰国:预订机票、酒店和旅游包(航班+酒店)
2016/09/27 全球购物
英国行业制服供应商:Alexandra
2019/09/14 全球购物
德国珠宝和配件商店:Styleserver
2021/02/23 全球购物
客服专员岗位职责范本
2013/11/29 职场文书
同学聚会欢迎辞
2014/01/14 职场文书
给老师的检讨书
2014/02/11 职场文书
2014年行政执法工作总结
2014/12/11 职场文书
师德承诺书
2015/01/20 职场文书
技术负责人岗位职责
2015/02/10 职场文书
家属慰问信
2015/02/14 职场文书
总结Pyinstaller打包的高级用法
2021/06/28 Python
PHP设计模式(观察者模式)
2021/07/07 PHP