使用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 delete 属性的使用
Oct 08 Javascript
javascript中日期转换成时间戳的小例子
Mar 21 Javascript
jquery自定义类似$.ajax()的方法实现代码
Aug 13 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
node.js中的path.join方法使用说明
Dec 08 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
详解vue 兼容IE报错解决方案
Dec 29 Javascript
微信小程序云开发实现增删改查功能
May 17 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 Javascript
40行代码把Vue3的响应式集成进React做状态管理
May 20 Javascript
JavaScript实现页面高亮操作提示和蒙板
Jan 04 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简单系统数据添加以及数据删除模块源文件下载
2008/06/07 PHP
wamp下修改mysql访问密码的解决方法
2013/05/07 PHP
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
PHP使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
如何用PHP来实现一个动态Web服务器
2015/07/29 PHP
php使用preg_match()函数验证ip地址的方法
2017/01/07 PHP
javascript dom 操作详解 js加强
2009/07/13 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
用JS实现一个TreeMenu效果分享
2011/08/28 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
2014/06/24 Javascript
JavaScript程序设计之JS调试
2015/12/09 Javascript
AngularJS轻松实现双击排序的功能
2016/08/30 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
JS实现瀑布流布局
2017/10/21 Javascript
vue注册组件的几种方式总结
2018/03/08 Javascript
vue动态循环出的多个select出现过的变为disabled(实例代码)
2019/11/10 Javascript
[01:02:09]Liquid vs TNC 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21
2020/07/19 DOTA
Python对象的深拷贝和浅拷贝详解
2014/08/25 Python
Python创建模块及模块导入的方法
2015/05/27 Python
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
python判断数字是否是超级素数幂
2018/09/27 Python
用python给自己做一款小说阅读器过程详解
2019/07/11 Python
基于python3.7利用Motor来异步读写Mongodb提高效率(推荐)
2020/04/29 Python
基于pycharm 项目和项目文件命名规则的介绍
2021/01/15 Python
关于HTML5你必须知道的28个新特性,新技巧以及新技术
2012/05/28 HTML / CSS
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
RealTek面试题
2016/06/28 面试题
文职个人求职信范文
2013/09/23 职场文书
高中生学习总结的自我评价范文
2013/10/13 职场文书
毕业生的自我鉴定
2013/10/29 职场文书
会展策划与管理专业求职信
2014/06/09 职场文书
具结保证书范本
2015/05/11 职场文书
快消品行业营销模式与盈利模式分享
2019/09/27 职场文书
如何使用分区处理MySQL的亿级数据优化
2021/06/18 MySQL
MySQL常见优化方案汇总
2022/01/18 MySQL
Spring Security使用单点登录的权限功能
2022/04/03 Java/Android