使用js改变DOM样式的三种方式 - 动态创建style标签

 改变dom节点样式另一种方式是利用js动态创建一个style标签，再填入css属性,再添加到页面 

<span id="a" class="b">hello world</span>
    
    <script type="text/javascript">
	   function addStyleNode( str){
			var styleNode=document.createElement("style");
			styleNode.type="text/css";
			if( styleNode.styleSheet){         //
				styleNode.styleSheet.cssText=	str;       //ie下要通过 styleSheet.cssText写入. 
			}else{
				styleNode.innerHTML=str;	   //在ff中， innerHTML是可读写的，但在ie中，它是只读的. 
			}
			document.getElementsByTagName("head")[0].appendChild( styleNode );
	   }
	   addStyleNode(".b{color:red}");
	</script>