动态创建样式表在各浏览器中的差异测试代码


Posted in Javascript onSeptember 13, 2011
<!doctype html> 
<head></head> 
<body> 
<span id="con">xxx</span> 
<script> 
var css = document.createElement('style'); 
css.setAttribute('type', 'text/css'); 
var cssText = 'span{color:Red;}'; 
if(css.styleSheet) { // IE 
css.styleSheet.cssText = cssText 
} else { 
css.appendChild(document.createTextNode(cssText)); 
} 
document.getElementsByTagName("head")[0].appendChild(css); 
</script>

对于标准浏览器,直接使用css.innerHTML也可以修改HTMLStyleElement的css规则;
但是对于IE会导致一个“unknow runtime error”。
Javascript 相关文章推荐
从sohu弄下来的flash中展示图片的代码
Apr 27 Javascript
jQuery LigerUI 使用教程入门篇
Jan 18 Javascript
JS操作Cookies包括(读取添加与删除)
Dec 26 Javascript
ie支持function.bind()方法实现代码
Dec 27 Javascript
完美兼容各大浏览器的jQuery仿新浪图文淡入淡出间歇滚动特效
Nov 12 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
Aug 10 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
Jul 21 Javascript
vue 插槽简介及使用示例
Nov 19 Vue.js
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 Javascript
contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Sep 13 #Javascript
jQuery中使用了document和window哪些属性和方法小结
Sep 13 #Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 #Javascript
各情景下元素宽高的获取实现代码
Sep 13 #Javascript
JS字符串函数扩展代码
Sep 13 #Javascript
Javascript学习笔记 delete运算符
Sep 13 #Javascript
Webkit的跨域安全问题说明
Sep 13 #Javascript
You might like
php指定函数参数默认值示例代码
2013/12/04 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
php无限分类使用concat如何实现
2015/11/05 PHP
php实现不通过扩展名准确判断文件类型的方法【finfo_file方法与二进制流】
2017/04/18 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
JS取文本框中最小值的简单实例
2013/11/29 Javascript
纯css+js写的一个简单的tab标签页带样式
2014/01/28 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
2015/11/17 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
jQuery实现的简单悬浮层功能完整实例
2017/01/23 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
2019/04/10 Javascript
vue-cli配置flexible过程详解
2019/07/04 Javascript
详解微信小程序支付流程与梳理
2019/07/16 Javascript
[03:08]迎霜节狂欢!2018年迎霜节珍藏Ⅰ一览
2018/12/25 DOTA
黑科技 Python脚本帮你找出微信上删除你好友的人
2016/01/07 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
Ubuntu下使用python读取doc和docx文档的内容方法
2018/05/08 Python
python sorted方法和列表使用解析
2019/11/18 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
HTML5 直播疯狂点赞动画实现代码 附源码
2020/04/14 HTML / CSS
加拿大著名时装品牌:SOIA & KYO
2016/08/23 全球购物
英国现代市场:ARKET
2019/04/10 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
《雨霖铃》教学反思
2014/02/22 职场文书
国窖1573广告词
2014/03/21 职场文书
学校火灾防控方案
2014/06/09 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
小学重阳节活动总结
2015/03/24 职场文书
团队执行力培训心得体会
2015/08/15 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers
Java9新特性对HTTP2协议支持与非阻塞HTTP API
2022/03/16 Java/Android