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


Posted in Javascript onDecember 12, 2011

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生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内均已测试过,可以放心使用.
Javascript 相关文章推荐
javascript 操作select下拉列表框的一点小经验
Mar 20 Javascript
jQuery lazyload 的重复加载错误以及修复方法
Nov 19 Javascript
关于textarea提交的内容无法换行的解决办法
Apr 09 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
纯JS实现五子棋游戏兼容各浏览器(附源码)
Apr 24 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
Jquery遍历Json数据的方法
Apr 20 Javascript
JSONP跨域请求
Mar 02 Javascript
JavaScript中防止微信浏览器被整体拖动的方法
Aug 25 Javascript
layer插件select选中默认值的方法
Aug 14 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
Node.js实现批量下载图片简单操作示例
Jan 18 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 #Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 #Javascript
用Mootools获得操作索引的两种方法分享
Dec 12 #Javascript
整理8个很棒的 jQuery 倒计时插件和教程
Dec 12 #Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
Dec 11 #Javascript
Jquery阻止事件冒泡 event.stopPropagation
Dec 11 #Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 #Javascript
You might like
php和js交互一例-PHP教程,PHP应用
2007/01/03 PHP
PHP类的使用 实例代码讲解
2009/12/28 PHP
php实现无限级分类实现代码(递归方法)
2011/01/01 PHP
PHP文件上传原理简单分析
2011/05/29 PHP
查找mysql字段中固定字符串并替换的几个方法
2012/09/23 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
js中几种去掉字串左右空格的方法
2006/12/25 Javascript
jquery时间下拉框小例子
2013/04/15 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
AngularJS ng-repeat数组有重复值的解决方法
2016/10/23 Javascript
vue2.0 datepicker使用方法
2018/02/04 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
2019/02/12 Javascript
JS匿名函数内部this指向问题详析
2019/05/10 Javascript
JS实现的简单tab切换功能完整示例
2019/06/20 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
微信小程序开发之转发分享功能
2019/10/22 Javascript
NUXT SSR初级入门笔记(小结)
2019/12/16 Javascript
ptyhon实现sitemap生成示例
2014/03/30 Python
深入理解Python中各种方法的运作原理
2015/06/15 Python
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
django+xadmin+djcelery实现后台管理定时任务
2018/08/14 Python
python如何生成各种随机分布图
2018/08/27 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
Django异步任务线程池实现原理
2019/12/17 Python
Tensorflow实现多GPU并行方式
2020/02/03 Python
如何基于python3和Vue实现AES数据加密
2020/03/27 Python
爱尔兰电子产品购物网站:Komplett.ie
2018/04/04 全球购物
创业计划书的主要内容有哪些
2014/01/29 职场文书
源码解读Spring-Integration执行过程
2021/06/11 Java/Android
Spring IOC容器Bean的作用域及生命周期实例
2022/05/30 Java/Android
oracle delete误删除表数据后如何恢复
2022/06/28 Oracle
Zabbix6通过ODBC方式监控Oracle 19C的详细过程
2022/09/23 Servers