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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
prototype 1.5 & scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
jquery实现奇偶行赋值不同css值
Feb 17 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
Oct 12 Javascript
NODE.JS加密模块CRYPTO常用方法介绍
Jun 05 Javascript
纯javascript移动优先的幻灯片效果
Nov 02 Javascript
简单谈谈javascript中this的隐式绑定
Feb 22 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
Feb 29 Javascript
javascript中的闭包概念与用法实践分析
Jul 26 Javascript
js实现图片无缝循环轮播
Oct 28 Javascript
Vue学习之组件用法实例详解
Jan 06 Javascript
javascript实现移动端轮播图
Dec 09 Javascript
JavaScript实现雪花飘落效果
Dec 27 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
松下Panasonic RF-B65电路分析
2021/03/02 无线电
如何在PHP中进行身份认证
2006/10/09 PHP
用PHP生成html分页列表的代码
2007/03/18 PHP
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
一个PHP缓存类代码(附详细说明)
2011/06/09 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
JS Timing
2007/04/21 Javascript
javascript 系统文件夹文件操作及参数介绍
2013/01/08 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
常用的几段javascript代码分享
2014/03/25 Javascript
iframe实用操作锦集
2014/04/22 Javascript
JavaScript Math.round() 方法
2015/12/18 Javascript
在JavaScript中调用Java类和接口的方法
2016/09/07 Javascript
javascript简易画板开发
2020/04/12 Javascript
JavaScript使用类似break机制中断forEach循环的方法
2018/11/13 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
关于better-scroll插件的无法滑动bug(2021通过插件解决)
2021/03/01 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
Python日期的加减等操作的示例
2017/08/15 Python
详解Python在七牛云平台的应用(一)
2017/12/05 Python
pycharm恢复默认设置或者是替换pycharm的解释器实例
2018/10/29 Python
python导入坐标点的具体操作
2019/05/10 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
pycharm新建Vue项目的方法步骤(图文)
2020/03/04 Python
python import 上级目录的导入
2020/11/03 Python
CSS3中引入多种自定义字体font-face
2020/06/12 HTML / CSS
5分钟弄清楚html5的drag and drop(小结)
2019/04/10 HTML / CSS
美国二手复古奢侈品包包购物网站:LXRandCo
2019/06/18 全球购物
澳大利亚100%丝绸多彩度假装商店:TheSwankStore
2019/09/04 全球购物
文明美德伴我成长演讲稿
2014/05/12 职场文书
书法大赛策划方案
2014/06/04 职场文书
合同意向书范本
2014/07/30 职场文书
教师个人学习总结
2015/02/11 职场文书
奖学金个人总结
2015/03/04 职场文书
python如何进行基准测试
2021/04/26 Python