这个函数很有用处, 尤其是当我们在使用 Mootools 开发插件的时候, 例如 Tips 等, 当我们需要额外的 CSS 来支撑插件内的效果时, 通常我们的做法是把 Css 放到单独的 css 文件里调用
它提供了一个比普通 js 更面向对象的 documentAPI。
它为 web 开发者提供了一个跨浏览器 js 解决方案。在处理 js、css、html 时候。
MooTools 是一个简洁,模块化,面向对象的开源 JavaScript web 应用框架。
但是这样做就不利于插件的移植, 所以就写了这个函数用来动态产生 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 内均已测试过, 可以放心使用.
来源: