使用Mootools动态添加Css样式表代码,兼容各浏览器

157 阅读 0 评论 104 点赞

我是靠谱客的博主轻松楼房，最近开发中收集的这篇文章主要介绍使用Mootools动态添加Css样式表代码,兼容各浏览器，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css.

复制代码代码如下:

 
AddCss=function(c){ 
var Sty=document.createElement('style'); 
Sty.type='text/css'; 
if(Browser.ie){ 
Sty.styleSheet.cssText=c; 
}else{ 
var Frag=document.createDocumentFragment(); 
Frag.appendChild(document.createTextNode(c)); 
Sty.appendChild(Frag); 
} 
document.getElementsByTagName('head')[0].appendChild(Sty); 
}; 
AddCss('a{background-color:red;color:black;padding:20px;}'); 

代码如上所示,比较简单就是一个Function而已,需要的时候就直接用AddCss添加代码即可.
注:该函数我在IE6;7;8;9以及Firefox内均已测试过,可以放心使用.