IE6/7/8下cssText值与IE9/Firefox/Safari/Chrome/Opera不同

一,结尾没有分号

如下

1
2
3
4
5
<div style="color:red;">TEST</div>
<script>
    var div = document.getElementsByTagName('div');
    alert(div[0].style.cssText);
</script>

各浏览器输出如下

IE6/7/8 :

IE9/Firefox/Chrome/Safari/Opera :

可以看到IE6/7/8中少了分号。

 

二,属性名(color)是大写的,见上图

 

三,复合属性全部展开

如下

1
2
3
4
5
<div style="border:1px solid gray;">TEST</div>
<script>
    var div = document.getElementsByTagName('div');
    alert(div[0].style.cssText);
</script>

IE6/7/8 

 

IE9等

posted @   ahuing  阅读(175)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示