使用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 相关文章推荐
jquery 查找新建元素代码
Jul 06 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
浅谈Node.js中的定时器
Jun 18 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
Sep 11 Javascript
json传值以及ajax接收详解
May 24 Javascript
自己动手制作基于jQuery的Web页面加载进度条插件
Jun 03 Javascript
详解自动生成博客目录案例
Dec 09 Javascript
简单实现js放大镜效果
Jul 24 Javascript
Vue项目中使用Vux的安装过程
May 01 Javascript
解决vuecli3.0热更新失效的问题
Sep 19 Javascript
通过实例解析JavaScript for in及for of区别
Jun 15 Javascript
vue实现自定义多选按钮
Jul 16 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笔试题
2009/08/04 PHP
删除html标签得到纯文本可处理嵌套的标签
2014/04/28 PHP
php中使用session防止用户非法登录后台的方法
2015/01/27 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
php无限极分类实现方法分析
2019/07/04 PHP
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
jQuery实现可高亮显示的二级CSS菜单效果
2015/09/01 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
node-http-proxy修改响应结果实例代码
2016/06/06 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
js判断文件格式及大小的简单实例(必看)
2016/10/11 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
vue做移动端适配最佳解决方案(亲测有效)
2018/09/04 Javascript
Angular刷新当前页面的实现方法
2018/11/21 Javascript
JS如何操作DOM基于表格动态展示数据
2020/10/15 Javascript
JavaScript实现网页计算器功能
2020/10/29 Javascript
[00:52]DOTA2第二届亚洲邀请赛预选赛宣传片
2017/01/13 DOTA
[11:42]2018DOTA2国际邀请赛寻真——OG卷土重来
2018/08/17 DOTA
Python实现简单多线程任务队列
2016/02/27 Python
python TKinter获取文本框内容的方法
2018/10/11 Python
python反编译学习之字节码详解
2019/05/19 Python
django框架使用views.py的函数对表进行增删改查内容操作详解【models.py中表的创建、views.py中函数的使用,基于对象的跨表查询】
2019/12/12 Python
使用OpenCV circle函数图像上画圆的示例代码
2019/12/27 Python
Matplotlib绘制雷达图和三维图的示例代码
2020/01/07 Python
解决运行出现'dict' object has no attribute 'has_key'问题
2020/07/15 Python
Python字典实现伪切片功能
2020/10/28 Python
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
Luxplus丹麦:香水和个人护理折扣
2018/04/23 全球购物
高中生自我评语大全
2014/01/19 职场文书
投标单位介绍信
2015/05/05 职场文书