使用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 相关文章推荐
点弹代码 点击页面任何位置都可以弹出页面效果代码
Sep 17 Javascript
JQuery插件开发示例代码
Nov 06 Javascript
javascript中caller和callee详解
Aug 10 Javascript
跟我学习javascript的函数调用和构造函数调用
Nov 16 Javascript
JS+CSS实现DIV层的展开、收缩效果
Jan 28 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
JS button按钮实现submit按钮提交效果
Nov 01 Javascript
在 Node.js 中使用原生 ES 模块方法解析
Sep 19 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
详解Chart.js轻量级图表库的使用经验
May 22 Javascript
NestJs使用Mongoose对MongoDB操作的方法
Feb 22 Javascript
JavaScript实现贪吃蛇游戏
Jun 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
Windows中安装Apache2和PHP4权威指南
2006/11/18 PHP
推荐40款强大的 jQuery 导航插件和教程(上篇)
2012/09/14 Javascript
javascript获取dom的下一个节点方法
2014/09/05 Javascript
JavaScript中string对象
2015/06/12 Javascript
js从数组中删除指定值(不是指定位置)的元素实现代码
2016/09/13 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
详解vue.js全局组件和局部组件
2017/04/10 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
手淘flexible.js框架使用和源代码讲解小结
2018/10/15 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
[01:59][TI9趣味视频] 全明星赛奖励
2019/08/23 DOTA
Python中的下划线详解
2015/06/24 Python
Python网络爬虫实例讲解
2016/04/28 Python
浅谈python数据类型及类型转换
2017/12/18 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
图解Python变量与赋值
2018/04/03 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
python和mysql交互操作实例详解【基于pymysql库】
2019/06/04 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
戛纳奢侈品商店:Jacques Loup法国
2019/11/04 全球购物
工商企业管理实习自我鉴定
2013/12/04 职场文书
数学考试作弊检讨书300字
2015/02/16 职场文书
个性发展自我评价2015
2015/03/09 职场文书
辩论赛开场白大全(主持人+辩手)
2015/05/29 职场文书
中秋联欢会主持词
2015/07/04 职场文书
教务处教学工作总结
2015/08/10 职场文书
2016教师学习教育法心得体会
2016/01/19 职场文书
幼儿园2016圣诞节活动总结
2016/03/31 职场文书
2016年社区创先争优活动总结
2016/04/05 职场文书
sql查询结果列拼接成逗号分隔的字符串方法
2021/05/25 SQL Server