JS设置和获取盒模型的宽和高

dom.style.width/height只能取出内联样式的宽度和高度

dom.currentStyle.width/height获取即时的计算的样式,但是只有IE支持

window.getComputedStyle(dom).width获取即时计算的样式,支持其他浏览器,兼容性更好

dom.getBoundingClientRect( ).width/height计算盒模型在页面中的绝对位置,比较少用。

dom.offsetWidth/offectHeight:返回元素实际大小

 


 

一、dom.style.width/height

     这种方式只能取到dom元素内联样式所设置的宽高,也就是说如果该节点的样式是在style标签中或是外部的CSS样式表中的话,通过这种方法是没办法获取dom的宽高的。

实例:

在这个例子中给box1使用