使用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 表单验证类介绍与实例
Jun 09 Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 Javascript
js实现简单的碰壁反弹效果
Aug 30 Javascript
js+css3实现旋转效果
Jan 20 Javascript
Angularjs自定义指令实现三级联动 选择地理位置
Feb 13 Javascript
jQuery实现的背景颜色渐变动画效果示例
Mar 24 jQuery
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 Javascript
node使用Koa2搭建web项目的方法
Oct 17 Javascript
基于Vue实现微信小程序的图文编辑器
Jul 25 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
VueCli生产环境打包部署跨域失败的解决
Nov 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
全世界最小的php网页木马一枚 附PHP木马的防范方法
2009/10/09 PHP
php 3行代码的分页算法(求起始页和结束页)
2009/10/21 PHP
php session劫持和防范的方法
2013/11/12 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
解决Laravel5.2 Auth认证退出失效的问题
2019/10/14 PHP
JavaScript.Encode手动解码技巧
2010/07/14 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
Javascript显示和隐藏ul列表的方法
2015/07/15 Javascript
jQuery实现ctrl+enter(回车)提交表单
2015/10/19 Javascript
基于jQuery实现淡入淡出效果轮播图
2020/07/31 Javascript
Avalonjs 实现简单购物车功能(实例代码)
2017/02/07 Javascript
js+html5实现半透明遮罩层弹框效果
2020/08/24 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
2018/01/23 jQuery
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
angula中使用iframe点击后不执行变更检测的问题
2020/05/10 Javascript
python脚本设置超时机制系统时间的方法
2016/02/21 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
Python爬虫:将headers请求头字符串转为字典的方法
2019/08/21 Python
翻转数列python实现,求前n项和,并能输出整个数列的案例
2020/05/03 Python
用python绘制樱花树
2020/10/09 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
用python制作个视频下载器
2021/02/01 Python
css3实现背景图片拉伸效果像桌面壁纸一样
2013/08/19 HTML / CSS
全球速卖通巴西站点:Aliexpress巴西
2016/08/24 全球购物
Answear匈牙利:来自全球200多个知名时尚品牌
2017/04/21 全球购物
编写一个类体现构造,公有,私有方法,静态,私有变量
2013/08/10 面试题
节约粮食标语
2014/06/18 职场文书
标准版离职证明书
2014/09/12 职场文书
劳动争议和解协议书范本
2014/11/20 职场文书
2015社区六五普法工作总结
2015/04/21 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
《小小的船》教学反思
2016/02/18 职场文书
Python离线安装openpyxl模块的步骤
2021/03/30 Python