其实很多人应该接触过cssText这个style对象的属性。
我们也先做一个测试吧。
<div id="test" style="height:200px;"></div>
var div = document.getElementById('test'); alert(div.style.cssText);
这段代码其实就是获取元素的样式。
结果在不同浏览器弹出的值是有差异的:
- IE6-8
![](http://dl.iteye.com/upload/attachment/0074/8273/41f7597e-4dc6-3b1c-a698-a0a842de2603.jpg)
- IE9 即各大高级浏览器
![](http://dl.iteye.com/upload/attachment/0074/8275/b9cafd00-18e5-3043-bad0-73469f1a7d6f.jpg)
当然上面是单样式设置,我们可以看出
两点:
- IE6-8 属性key大写,而且尾部不带;(分号)
我们再来看看一些
复合属性:
- IE6-8
![](http://dl.iteye.com/upload/attachment/0074/8277/e7059175-11ac-340b-9c22-749935b95242.jpg)
- IE9 以及高级浏览器
![](http://dl.iteye.com/upload/attachment/0074/8279/1f78c2be-0c77-3a94-af0f-1a6d6961fea7.jpg)
---------- 像border这样的简写属性,在IE6-8下会被展开。
扩展阅读: