js动态添加CSS

 

(function() {
      var isLoaded = false;
      AddStyle = function(rules) {
        var styleElement = document.createElement(\'style\');
        styleElement.type = \'text/css\';
        if ( $IE ) {   //判断IE浏览器
          styleElement.styleSheet.cssText = rules;
        }
        else {
          var frag = document.createDocumentFragment();
          frag.appendChild(document.createTextNode(rules));
          styleElement.appendChild(frag);
        }
        function append() {
          document.getElementsByTagName(\'head\')[0].appendChild(styleElement);
        }
		//IE 无法取到document
        if (!$IE || isLoaded) { 
          append();
        }
        else {
          window.attachEvent(\'onload\', function() {
            isLoaded = true;
            append();
          });
        }
      };
	  })();

 

 

用法:

 

AddStyle(\'body { color: #CCC; }\')