cssText

cssText 的本质就是设置 HTML 元素的 style 属性值

cssText 的方便之处在于一次可以写很多属性，而且变更 CSS 样式不必变 JS 代码，只需变样式字符串。但它有个缺点，就是它会覆盖掉前面的属性。

例子：

<div id="d1">test</div>

    <script type="text/javascript">

    document.getElementById("d1").style.width="100px";

    document.getElementById("d1").style.cssText = "color:red; font-size:13px;text-decoration:underline;";

    alert(document.getElementById("d1").style.cssText);

    </script>

上例中test的颜色为红色,字号13px；有下划线，但是宽度不是100px；因为被覆盖掉了

cssText用法

<div id="d1">test</div>

  <script type="text/javascript">

    var od1=document.getElementById('d1');

    od1.style.color="#fff";

    od1.style.backgroundColor="#c66";

    od1.style.width="100px";

    od1.style.fontSize="14px";

  </script>

改写

<div id="d1">test</div>

  <script type="text/javascript">

    var od1=document.getElementById('d1');

    od1.style.cssText="color:#fff;background-color:#c66;width:100px;font-size:14px;";

  </script>

节省了代码。

但是在IE6、7、8下会有问题