使用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 相关文章推荐
js 数值项目的格式化函数代码
May 14 Javascript
JS实现alert中显示换行的方法
Dec 17 Javascript
简述Matlab中size()函数的用法
Mar 20 Javascript
json定义及jquery操作json的方法
Sep 29 Javascript
JavaScript  event对象整理及详细介绍
Oct 10 Javascript
浅谈Javascript中的Label语句
Dec 14 Javascript
微信小程序--onShareAppMessage分享参数用处(页面分享)
Apr 18 Javascript
vue 权限认证token的实现方法
Jul 17 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
Sep 05 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 Javascript
js代码编写无缝轮播图
Sep 13 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
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
在PHP上显示JFreechart画的统计图方法
2013/11/03 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
网站被黑的假象--ARP欺骗之页面中加入一段js
2007/05/16 Javascript
javascript跨域刷新实现代码
2011/01/01 Javascript
jQuery隔行变色与普通JS写法的对比
2013/04/21 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
javascript实现验证IP地址等相关信息代码
2015/05/10 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
JavaScript实现垂直滚动条效果
2017/01/18 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
2017/02/09 Javascript
微信小程序动态显示项目倒计时效果
2017/06/13 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
javascript设计模式 ? 桥接模式原理与应用实例分析
2020/04/13 Javascript
Python创建xml的方法
2015/03/10 Python
Python跑循环时内存泄露的解决方法
2020/01/13 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
CSS3教程(8):CSS3透明度指南
2009/04/02 HTML / CSS
世界领先的在线地板和建筑材料批发商:BuildDirect
2017/02/26 全球购物
Omio法国:全欧洲低价大巴、火车和航班搜索和比价
2017/11/13 全球购物
serialVersionUID具有什么样的特征
2014/02/20 面试题
2014三八妇女节活动总结范文四篇
2014/03/09 职场文书
施工单位安全责任书
2014/07/24 职场文书
2014年班主任德育工作总结
2014/12/05 职场文书
创建文明城市倡议书
2015/04/28 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
敬业奉献模范事迹材料(2016精选版)
2016/02/26 职场文书
读完《骆驼祥子》的观后感!
2019/07/05 职场文书
使用Oracle跟踪文件的问题详解
2021/06/28 Oracle
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python
Mybatis-Plus进阶分页与乐观锁插件及通用枚举和多数据源详解
2022/03/21 Java/Android
基于Python实现股票收益率分析
2022/04/02 Python