使用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实现页面滚动时层智能浮动定位实例探讨
Mar 29 Javascript
js模拟点击以提交表单为例兼容主流浏览器
Nov 29 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
jquery $(document).ready()和window.onload的区别浅析
Feb 04 Javascript
js实现文字在按钮上滚动的方法
Aug 20 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
May 12 Javascript
javascript事件的绑定基础实例讲解(34)
Feb 14 Javascript
鼠标经过出现气泡框的简单实例
Mar 17 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
在vue中阻止浏览器后退的实例
Nov 06 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
function.inc.php超越php
2006/12/09 PHP
PHP 数组排序方法总结 推荐收藏
2010/06/30 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
jQuery formValidator表单验证插件开源了 含API帮助、源码、示例
2008/08/14 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
2016/01/05 Javascript
EasyUI 结合JS导出Excel文件的实现方法
2016/11/10 Javascript
bootstrap导航、选项卡实现代码
2016/12/28 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
详解Vue生命周期的示例
2017/03/10 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
微信小程序picker组件下拉框选择input输入框的实例
2017/09/20 Javascript
NodeJS实现自定义流的方法
2018/08/01 NodeJs
JavaScript中的this基本问题实例小结
2020/03/09 Javascript
微信小程序canvas实现签名功能
2021/01/19 Javascript
[54:25]Ti4 循环赛第三日LGD vs MOUZ
2014/07/12 DOTA
用python + hadoop streaming 分布式编程(一) -- 原理介绍,样例程序与本地调试
2014/07/14 Python
在Python的Flask框架下收发电子邮件的教程
2015/04/21 Python
详解Django 中是否使用时区的区别
2018/06/14 Python
对python 命令的-u参数详解
2018/12/03 Python
python使用百度文字识别功能方法详解
2019/07/23 Python
tensorflow模型继续训练 fineturn实例
2020/01/21 Python
Python递归调用实现数字累加的代码
2020/02/25 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
编写python代码实现简单抽奖器
2020/10/20 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
Flask-SocketIO服务端安装及使用代码示例
2020/11/26 Python
详解用 python-docx 创建浮动图片
2021/01/24 Python
Python 中Operator模块的使用
2021/01/30 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
个人教师自我评价范文
2013/12/02 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
Python代码实现双链表
2022/05/25 Python
virtualenv隔离Python环境的问题解析
2022/06/21 Python