原生 dom动态增加style样式

<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>