javaScript中style.cssText的用法及兼容

       JS中的cssText属性减少了我们在用js实现css效果时候的代码冗余。作用就是设置 HTML 元素的 style 属性值。

       传统代码如下:

document.getElementById("box").style.height = "20px";
document.getElementById("box").style.width = "20px";
document.getElementById("box").style.color = "red";

       使用cssText后代码如下：

document.getElementById("box").style.cssText = "height:20px;width:20px;color:red;";

       兼容性（亲测）：

       chrome , firefox , IE>=9都兼容，结果如下：

       谷歌：

       火狐：

       IE>=9：

       IE<9的版本不兼容，结果如下(改变了大小写、且最后的分号丢失)：