使用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回车实现登录简单实现
Aug 20 Javascript
用javascript判断IE版本号简单实用且向后兼容
Sep 11 Javascript
HTML5之WebSocket入门3 -通信模型socket.io
Aug 21 Javascript
javascript实现别踩白块儿小游戏程序
Nov 22 Javascript
Javascript基础学习笔记(菜鸟必看篇)
Jul 22 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
javascript如何用递归写一个简单的树形结构示例
Sep 06 Javascript
微信小程序switch开关选择器使用详解
Jan 31 Javascript
Vue页面骨架屏注入方法
May 13 Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 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
PHPlet在Windows下的安装
2006/10/09 PHP
在 PHP 中使用随机数的三个步骤
2006/10/09 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php导出word文档与excel电子表格的简单示例代码
2014/03/08 PHP
php获取YouTube视频信息的方法
2015/02/11 PHP
PHP使用Mysqli类库实现完美分页效果的方法
2016/04/07 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
php解决约瑟夫环算法实例分析
2019/09/30 PHP
laravel中的fillable和guarded属性详解
2019/10/23 PHP
JS 自定义函数缺省值的设置方法
2010/05/05 Javascript
jQuery EasyUI API 中文文档 - Tabs标签页/选项卡
2011/10/01 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
2013/01/24 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
JavaScript中双符号的运算详解
2017/03/12 Javascript
jquery请求servlet实现ajax异步请求的示例
2017/06/03 jQuery
深入浅出webpack教程系列_安装与基本打包用法和命令参数详解
2017/09/10 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
解决Angular4项目部署到服务器上刷新404的问题
2018/08/31 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
使用VueCli3+TypeScript+Vuex一步步构建todoList的方法
2019/07/25 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
[03:46]DOTA2英雄基础教程 维萨吉
2013/12/11 DOTA
Django的信号机制详解
2017/05/05 Python
利用python写个下载teahour音频的小脚本
2017/05/08 Python
Python中的元组介绍
2019/01/28 Python
Python 根据日志级别打印不同颜色的日志的方法示例
2019/08/08 Python
最小二乘法及其python实现详解
2020/02/24 Python
TCP/IP的分层模型
2013/10/27 面试题
面向对象设计的原则是什么
2013/02/13 面试题
外贸业务员求职自荐信分享
2013/09/21 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
美甲店的创业计划书模板
2019/08/23 职场文书
Spring Boot两种全局配置和两种注解的操作方法
2021/06/29 Java/Android
SQLServer中exists和except用法介绍
2021/12/04 SQL Server