使用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 相关文章推荐
拖动table标题实现改变td的大小(css+js代码)
Apr 16 Javascript
JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
Nov 25 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
Jun 06 Javascript
jquery实现最简单的滑动菜单效果代码
Sep 12 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
如何将百度地图包装成Vue的组件的方法步骤
Feb 12 Javascript
react用Redux中央仓库实现一个todolist
Sep 29 Javascript
vue 动态表单开发方法案例详解
Dec 02 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 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
模仿OSO的论坛(四)
2006/10/09 PHP
phpadmin如何导入导出大数据文件及php.ini参数修改
2013/02/18 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
PHP多线程之内部多线程实例分析
2015/03/09 PHP
PHP PDOStatement::rowCount讲解
2019/02/01 PHP
别了 JavaScript中的isXX系列
2012/08/01 Javascript
js异常捕获方法介绍
2013/04/10 Javascript
利用毫秒减值计算时长的js代码
2013/09/22 Javascript
js动态添加事件并可传参数示例代码
2013/10/21 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
微信开发 使用picker封装省市区三级联动模板
2016/10/28 Javascript
用Vue.js实现监听属性的变化
2016/11/17 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
js中DOM三级列表(代码分享)
2017/03/20 Javascript
微信小程序实现图片上传放大预览删除代码
2020/06/28 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
vue实现下拉菜单树
2020/10/22 Javascript
在Linux系统上安装Python的Scrapy框架的教程
2015/06/11 Python
Python解析树及树的遍历
2016/02/03 Python
使用Python paramiko模块利用多线程实现ssh并发执行操作
2019/12/05 Python
CSS3制作ajax loader icon实现思路及代码
2013/08/25 HTML / CSS
通过canvas转换颜色为RGBA格式及性能问题的解决
2019/11/22 HTML / CSS
英国内衣连锁店:Boux Avenue
2018/01/24 全球购物
合同专员岗位职责
2013/12/18 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
节能减耗标语
2014/06/21 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
大学生党员个人对照检查材料范文
2014/09/25 职场文书
平安建设汇报材料
2014/12/29 职场文书
银行稽核岗位职责
2015/04/13 职场文书
劳动仲裁调解书
2015/05/20 职场文书
郭明义观后感
2015/06/08 职场文书
预备党员入党感言
2015/08/01 职场文书
医院中层管理人员培训心得体会
2016/01/11 职场文书
2016年师德学习心得体会
2016/01/12 职场文书
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android