获取大小的属性有
CSS (大小+border)属性对应的 offset长宽属性(无标准的实事标准):
1.offsetWidth
获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。
与 CSS width + border对应
2.offsetHeight获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。
与 CSS height + border对应
CSS (大小-padding )属性对应的 client长宽属性(无标准的实事标准):
3.clientWidth
获取对象的宽度,不计算任何边距、边框、滚动条或可能应用到该对象的补白。
与CSS width -
滚动条宽度(如果有)
对应
4.clientHeight
获取对象的高度,不计算任何边距(margin)、边框、滚动条或可能应用到该对象的补白(padding)。
与CSS height -
滚动条宽度(如果有)
对应
获取位置信息的属性有:
几个offset属性(无标准的实事标准):
offset 坐标0点是offsetParent元素content区域的左上点
5.offsetParent
获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。
CSS persition = absolute时,left,top 属性值参照的元素。
Object is positioned relative to parent element's position—or to the body object if its parent element is not positioned—using the top and left properties.
6.offsetLeft
获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置。
与 CSS left(absolute)+margin对应
7.offsetTop
获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置。
与 CSS top(absolute)+margin对应
分享到:
相关推荐
IE盒子模型和标准W3C盒子模型.盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。
页面布局的W3C盒子模型.ppt
其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。 盒子模型是CSS中一个重要的概念,理解了盒子模型才能更好的排版。其实盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释...
网页里有两种盒子模型标准一是W3C盒子模型;二是IE盒子模型(IE浏览器默认的模型)下面就用公式来区分这两种不同的盒子模型
学习html 代码来自w3c学习html 代码来自w3c学习html 代码来自w3c 学习html 代码来自w3c学习html 代码来自w3c学习html 代码来自w3c 学习html 代码来自w3c学习html 代码来自w3c学习html 代码来自w3c 学习html 代码来自...
从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、content,并且 content 部分不包含其他部分。 从上图可以看到 IE 盒子模型的范围也包括 margin、border、padding、content,和标准 W3C 盒子...
1.1 W3C盒子模型(标准盒模型) 1.2 IE盒子模型(怪异盒模型) 2.1 标准模型和IE模型的区别
web设计所有,这儿都有,随时随地都可查询,百宝箱!
这不是DHTML的DOM模型参考手册,而是W3C的DOM模型。 该资料来源于Mozilla开发网站,目前Mozilla已经不再提供该文档的下载了。
w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码w3c源码
Html全套学习手册,包括w3c全套学习课程、HTML系列课程、xml系列课程等
W3C School是一家专门提供Web技术在线教程的网站。网站中提供了大量全面的Web开发相关手册、实例。这里要提供给大家的就是由该网站内容整理的CHM手册——离线版的W3C School网站,方便大家在Web开发时使用。 该手册...
w3school c语言教程 20141228
hadoop- w3c 学习笔记
w3school c语言教程 飞龙整理 20141103
简单的W3C入门基础,方便大家对W3C有一个整体的了解
CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在) 一个盒子的构成:盒子中的内容:content盒子的边框:border盒子边框与内容之间的距离:...
W3C整站下载后保存为chm格式电子文档
CSS 手册 Javascript手册 jQuery手册 xHTML手册 XMLHttp手册 W3CSchool手册 w3c标准html5手册