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


Posted in Javascript onJanuary 21, 2012

1、偏移量

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

2、客户区大小

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

3、滚动大小

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

Javascript 相关文章推荐
Javascript 中 null、NaN和undefined的区别总结
Apr 10 Javascript
JS获取url链接字符串 location.href
Dec 23 Javascript
jquery实现将获取的颜色值转换为十六进制形式的方法
Dec 20 Javascript
jQuery中width()方法用法实例
Dec 24 Javascript
JavaScript html5 canvas绘制时钟效果(二)
Mar 27 Javascript
Vue.js实现简单动态数据处理
Feb 13 Javascript
JavaScript正则表达式和级联效果
Sep 14 Javascript
Javascript实现购物车功能的详细代码
May 08 Javascript
微信小程序中如何使用flyio封装网络请求
Jul 03 Javascript
小程序实现左滑删除效果
Jul 25 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
Sep 18 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将任何格式视频转为flv的代码
2009/09/03 PHP
PHP实现的构造sql语句类实例
2016/02/03 PHP
Yii2中datetime类的使用
2016/12/17 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
js获取提交的字符串的字节数
2009/02/09 Javascript
JavaScript 核心参考教程 内置对象
2009/10/13 Javascript
input 输入框内的输入事件详细分析
2010/03/17 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
2011/07/10 Javascript
JavaScript中数组的排序、乱序和搜索实现代码
2011/11/30 Javascript
JQuery入门——用映射方式绑定不同事件应用示例
2013/02/05 Javascript
巧用jquery解决下拉菜单被Div遮挡的相关问题
2014/02/13 Javascript
node.js中的console.timeEnd方法使用说明
2014/12/09 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
2015/05/13 Javascript
Angular 页面跳转时传参问题
2016/08/01 Javascript
JS根据生日月份和日期计算星座的简单实现方法
2016/11/24 Javascript
支持移动端原生js轮播图
2017/02/16 Javascript
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
layui使用templet格式化表格数据的方法
2019/09/16 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
python使用内存zipfile对象在内存中打包文件示例
2014/04/30 Python
python中私有函数调用方法解密
2016/04/29 Python
Django框架封装外部函数示例
2019/05/28 Python
win8.1安装Python 2.7版环境图文详解
2019/07/01 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
opencv3/Python 稠密光流calcOpticalFlowFarneback详解
2019/12/11 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
Hush Puppies澳大利亚官网:舒适的男女休闲和正装鞋
2019/08/24 全球购物
小区门卫工作职责
2013/12/14 职场文书
2015年暑期社会实践活动总结
2015/03/27 职场文书
医院病假条范文
2015/08/17 职场文书
《鲁滨逊漂流记》之六读后感(4篇)
2019/09/29 职场文书
MySQL 角色(role)功能介绍
2021/04/24 MySQL
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
python神经网络ResNet50模型
2022/05/06 Python