使用cssText来改变样式值

一般来说修改样式用得比较多的有以下两种方法：

1. DOM元素的style属性，例如：obj.style.backgroundColor = "white";

2. 改变样式名，例如：obj.className = "样式名称";

下面介绍另一种改变样式的方法：

function changeStyle(cssStr){



　　var styleNode = document.createElement("style");



　　styleNode.type = "text/css";



      if(styleNode.styleSheet){



　　　　//兼容IE

　　　　styleNode.styleSheet.cssText = cssStr;



　　}else{



　　　　styleNode.innerHTML = cssStr;

　　}



　　document.getElementsByTagName('head')[0].appendChild(styleNode);



}



changeStyle("body{background: red;}")

直接复制代码即可运行。