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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
Oct 11 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
浅析BootStrap模态框的使用(经典)
Apr 29 Javascript
AngularJS  $on、$emit和$broadcast的使用
Sep 05 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
vue2.0实现导航菜单切换效果
May 08 Javascript
Node.js+Express+MySql实现用户登录注册功能
Jul 10 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
如何能分清npm cnpm npx nvm
Jan 17 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 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
重量级动漫纷纷停播!唯独OVERLORD第四季正在英魂之刃继续更新
2020/05/06 日漫
PHP编程与应用
2006/10/09 PHP
在数据量大(超过10万)的情况下
2007/01/15 PHP
apache php模块整合操作指南
2012/11/16 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
php将字符串转换成16进制的方法
2015/03/17 PHP
隐藏Nginx或Apache以及PHP的版本号的方法
2016/01/03 PHP
Laravel5.1自定义500错误页面示例
2016/10/09 PHP
php使用parse_str实现查询字符串解析到变量中的方法
2017/02/17 PHP
php微信支付之公众号支付功能
2018/05/30 PHP
JS创建优美的页面滑动块效果 - Glider.js
2007/09/27 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
js获取当前页面的url网址信息
2014/06/12 Javascript
jquery实现可旋转可拖拽的文字效果代码
2016/01/27 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
jquery实现垂直和水平菜单导航栏
2020/08/27 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
简单模拟node.js中require的加载机制
2016/10/27 Javascript
详解Node.js:events事件模块
2016/11/24 Javascript
Vue 父子组件的数据传递、修改和更新方法
2018/03/01 Javascript
Vue中对比scoped css和css module的区别
2018/05/17 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
JS FormData对象使用方法实例详解
2020/02/12 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
2020/09/05 Javascript
[05:35]DOTA2英雄梦之声_第13期_拉比克
2014/06/21 DOTA
跟老齐学Python之Import 模块
2014/10/13 Python
Python实现将绝对URL替换成相对URL的方法
2015/06/28 Python
利用Python开发微信支付的注意事项
2016/08/19 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
python飞机大战 pygame游戏创建快速入门详解
2019/12/17 Python
python计算auc的方法
2020/09/09 Python
意大利奢侈品网站:Italist
2016/08/23 全球购物
北美最大的参茸药食商城:德成行
2020/12/06 全球购物
人事经理岗位职责范本
2014/08/04 职场文书
2014法制宣传日活动总结范文
2014/11/01 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书