使用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 ajax提交整个表单元素的快捷办法
Mar 27 Javascript
下拉列表select 由左边框移动到右边示例
Dec 04 Javascript
JS清空多文本框、文本域示例代码
Feb 24 Javascript
回车直接实现点击某按钮的效果即触发单击事件
Feb 27 Javascript
JavaScript转换与解析JSON方法实例详解
Nov 24 Javascript
基于jQuery实现选取月份插件附源码下载
Dec 28 Javascript
jQuery EasyUI 入门必看
Jun 03 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
详解数组Array.sort()排序的方法
May 09 Javascript
JavaScript设置名字输入不合法的实现方法
May 23 Javascript
node中Express 动态设置端口的方法
Aug 04 Javascript
在vue中实现简单页面逆传值的方法
Nov 27 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开发中四种查询返回结果分析
2011/01/02 PHP
php环境配置之CGI、FastCGI、PHP-CGI、PHP-FPM、Spawn-FCGI比较?
2011/10/17 PHP
php 注册时输入信息验证器的实现详解
2013/07/05 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
event.X和event.clientX的区别分析
2011/10/06 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
JS数组的赋值介绍
2014/03/10 Javascript
JavaScript生成二维码图片小结
2015/12/27 Javascript
使用angularjs创建简单表格
2016/01/21 Javascript
Vue响应式添加、修改数组和对象的值
2017/03/20 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
基于jQuery实现的Ajax 验证用户名唯一性实例代码
2017/06/28 jQuery
Node.js自定义实现文件路由功能
2017/09/22 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
2018/03/09 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
ES6 新增的创建数组的方法(小结)
2019/08/01 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
原生js实现弹幕效果
2020/11/29 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
2020/12/10 Vue.js
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
pytorch标签转onehot形式实例
2020/01/02 Python
TensorFlow实现checkpoint文件转换为pb文件
2020/02/10 Python
简述python Scrapy框架
2020/08/17 Python
使用django自带的user做外键的方法
2020/11/30 Python
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
一年级学生评语大全
2014/04/21 职场文书
个人三严三实对照检查材料
2014/09/25 职场文书
2014年个人总结范文
2015/03/09 职场文书
银行稽核岗位职责
2015/04/13 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
2019优秀干部竞聘演讲稿范文!
2019/07/02 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
pandas中DataFrame重置索引的几种方法
2021/05/24 Python
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS