首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

javascript获取css匣子模型的一些值

2012-09-03 
javascript获取css盒子模型的一些值首先无法用style属性来获取任意元素的的css信息.style属性只有显式设置

javascript获取css盒子模型的一些值

首先无法用style属性来获取任意元素的的css信息.style属性只有显式设置后才能获取值.

有效获取的方法如下:

?

?

var ID=document.getElementById("id");

?

盒子外层坐上顶点的绝对坐标.相当于margin

ID.offsetLeft

ID.offsetTop

?

盒子外层宽度与高度

ID.offsetWidth

ID.offsetHeight

?

盒子内层坐上顶点相对于外层左上顶点的绝对坐标,相当于border-left的值和border-top的值

ID.clientLeft

ID.clientTop

?

盒子内层的宽度与高度

ID.clientWidth

ID.clientHeight

热点排行