关于cssText的差异

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

 

我们也先做一个测试吧。

 

 

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

 

 

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

 

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

 

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

 

  • IE6-8
关于cssText的差异_第1张图片
  •  IE9 即各大高级浏览器
关于cssText的差异_第2张图片
 
当然上面是单样式设置,我们可以看出 两点
  • IE6-8 属性key大写,而且尾部不带;(分号)

我们再来看看一些 复合属性
  • IE6-8
关于cssText的差异_第3张图片

  • IE9 以及高级浏览器
关于cssText的差异_第4张图片
  ---------- 像border这样的简写属性,在IE6-8下会被展开。



扩展阅读:

http://www.cnblogs.com/snandy/archive/2011/03/11/1980545.html


你可能感兴趣的:(cssText)