使用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+css实现图片滚动效果(附源码)
Mar 18 Javascript
JS字符串处理实例代码
Aug 05 Javascript
巧用js提交表单轻松解决一个页面有多个提交按钮
Nov 17 Javascript
IE浏览器中图片onload事件无效的解决方法
Apr 29 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
深入理解requestAnimationFrame的动画循环
Sep 20 Javascript
Node连接mysql数据库方法介绍
Feb 07 Javascript
原生js实现吸顶效果
Mar 13 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
js 闭包深入理解与实例分析
Mar 19 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连接MYSQL数据库实例代码
2016/01/20 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
PHP 文件上传限制问题
2019/09/01 PHP
Bookmarklet实现启动jQuery(模仿 云输入法)
2010/09/15 Javascript
javascript数组去掉重复
2011/05/12 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
深入理解jQuery layui分页控件的使用
2016/08/17 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
Vue.js创建Calendar日历效果
2016/11/03 Javascript
React实现点击删除列表中对应项
2017/01/10 Javascript
老生常谈的跨域处理
2017/01/11 Javascript
Bootstrap下拉菜单样式
2017/02/07 Javascript
js实现前端图片上传即时预览功能
2017/08/02 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
js实现简单抽奖功能
2020/11/24 Javascript
vue-cli4.0多环境配置变量与模式详解
2020/12/30 Vue.js
python numpy 部分排序 寻找最大的前几个数的方法
2018/06/27 Python
Python实现的大数据分析操作系统日志功能示例
2019/02/11 Python
详解Numpy数组转置的三种方法T、transpose、swapaxes
2019/05/27 Python
详解Python实现进度条的4种方式
2020/01/15 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
django创建超级用户时指定添加其它字段方式
2020/05/14 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
html5 canvas的绘制文本自动换行的示例代码
2018/09/17 HTML / CSS
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
豪华床上用品、床单和浴室必需品:Peacock Alley
2019/09/04 全球购物
家长对小学生的评语
2014/01/28 职场文书
十一酒店活动方案
2014/02/20 职场文书
《鸟的天堂》教学反思
2014/02/27 职场文书
工作失职造成投诉的检讨书范文
2014/10/05 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
golang 实现菜单树的生成方式
2021/04/28 Golang
《辉夜大小姐想让我告白》第三季正式预告
2022/03/20 日漫
Go gorilla securecookie库的安装使用详解
2022/08/14 Golang