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