使用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 中的 && 和 || 使用小结
Apr 25 Javascript
通过url查找a元素并点击
Apr 09 Javascript
jQuery中after()方法用法实例
Dec 25 Javascript
js计算文本框输入的字符数
Oct 23 Javascript
JavaScript函数的一些注意要点小结及js匿名函数
Nov 10 Javascript
setTimeout学习小结
Feb 08 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
微信小程序实现手势滑动效果
Aug 26 Javascript
浅探express路由和中间件的实现
Sep 30 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
Dec 01 Javascript
vue2.x数组劫持原理的实现
Apr 19 Javascript
vue-cropper插件实现图片截取上传组件封装
May 27 Vue.js
分享一个用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
phpMyadmin 用户权限中英对照
2010/04/02 PHP
php curl常见错误:SSL错误、bool(false)
2011/12/28 PHP
php使用Imagick生成图片的方法
2015/07/31 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
jQuery 对象中的类数组操作
2009/04/27 Javascript
Javascript学习笔记5 类和对象
2010/01/11 Javascript
extjs 为某个事件设置拦截器
2010/01/15 Javascript
Javascript查询DBpedia小应用实例学习
2013/03/07 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
JavaScript及jquey实现多个数组的合并操作
2014/09/06 Javascript
jquery代码实现多选、不同分享功能
2015/07/31 Javascript
vuejs指令详解
2017/02/07 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
详解angular脏检查原理及伪代码实现
2018/06/08 Javascript
nodejs require js文件入口,在package.json中指定默认入口main方法
2018/10/10 NodeJs
Vue实现剪贴板复制功能
2019/12/31 Javascript
JavaScript Array.flat()函数用法解析
2020/09/02 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
使用Vue实现一个树组件的示例
2020/11/06 Javascript
[03:08]TI9战队档案 - Vici Gaming
2019/08/20 DOTA
Python 调用DLL操作抄表机
2009/01/12 Python
Python socket.error: [Errno 98] Address already in use的原因和解决方法
2014/08/25 Python
Python内置函数之filter map reduce介绍
2014/11/30 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
对python当中不在本路径的py文件的引用详解
2018/12/15 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
在Pycharm中对代码进行注释和缩进的方法详解
2019/01/20 Python
Python如何省略括号方法详解
2020/03/21 Python
哈工大自然语言处理工具箱之ltp在windows10下的安装使用教程
2020/05/07 Python
css3实现简单的白云飘动背景特效
2020/10/28 HTML / CSS
上级检查欢迎词
2014/01/18 职场文书
四风对照检查材料范文
2014/09/27 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
幼师求职自荐信
2015/03/26 职场文书
教你使用VS Code的MySQL扩展管理数据库的方法
2022/01/22 MySQL
vue.js 使用原生js实现轮播图
2022/04/26 Vue.js