关于cssText的差异

其实很多人应该接触过cssText这个style对象的属性。

?

我们也先做一个测试吧。

?

?

<div id="test" style="height:200px;"></div>

?

?

var div = document.getElementById('test');alert(div.style.cssText);

?

这段代码其实就是获取元素的样式。

?

结果在不同浏览器弹出的值是有差异的：

?

IE6-8
?IE9 即各大高级浏览器
?当然上面是单样式设置，我们可以看出两点：IE6-8 属性key大写，而且尾部不带;(分号)
我们再来看看一些复合属性：IE6-8

IE9 以及高级浏览器
? ---------- 像border这样的简写属性，在IE6-8下会被展开。


扩展阅读：
http://www.cnblogs.com/snandy/archive/2011/03/11/1980545.html