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


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 相关文章推荐
extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
Mar 09 Javascript
基于jquery的兼容各种浏览器的iframe自适应高度的脚本
Aug 13 Javascript
jquery动画1.加载指示器
Aug 24 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
DWR中各种java方法的调用
May 04 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
禁用backspace网页回退功能的实现代码
Nov 15 Javascript
自学实现angularjs依赖注入
Dec 20 Javascript
react-router实现跳转传值的方法示例
May 27 Javascript
Element UI 自定义正则表达式验证方法
Sep 04 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 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 反射机制实现动态代理的代码
2008/10/22 PHP
php empty函数判断mysql表单是否为空
2010/04/12 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
ThinkPHP无限级分类原理实现留言与回复功能实例
2014/10/31 PHP
php比较两个字符串长度的方法
2015/07/13 PHP
Yii控制器中filter过滤器用法分析
2016/07/15 PHP
PHP中检索字符串的方法分析【strstr与substr_count方法】
2017/02/17 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
一段实时更新的时间代码
2006/07/07 Javascript
js判断变量是否空值的代码
2008/10/26 Javascript
有趣的javascript数组定义方法
2010/09/10 Javascript
jQuery图片的展开和收缩实现代码
2013/04/16 Javascript
解决checkbox的attr(checked)一直为undefined问题
2014/06/16 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
2016/02/26 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
JS中对数组元素进行增删改移的方法总结
2016/12/15 Javascript
浅谈javascript中的事件冒泡和事件捕获
2016/12/28 Javascript
详解nodejs中express搭建权限管理系统
2017/09/15 NodeJs
js限制input只能输入有效的数字(第一个不能是小数点)
2018/09/28 Javascript
微信小程序 确认框的实现(附代码)
2019/07/23 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
详解小程序云开发攻略(解决最棘手的问题)
2019/09/30 Javascript
js实现列表向上无限滚动
2020/01/13 Javascript
vue实现简单图片上传
2020/06/30 Javascript
python基础教程之lambda表达式使用方法
2014/02/12 Python
python在windows下实现备份程序实例
2014/07/04 Python
Python实现的科学计算器功能示例
2017/08/04 Python
详解Python中 sys.argv[]的用法简明解释
2017/12/20 Python
Python简单实现的代理服务器端口映射功能示例
2018/04/08 Python
Python3 中把txt数据文件读入到矩阵中的方法
2018/04/27 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
浅析PyTorch中nn.Module的使用
2019/08/18 Python
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
个人自我鉴定怎么写
2013/10/28 职场文书
快餐店的创业计划书范文
2014/01/29 职场文书
总经理的岗位职责
2014/02/23 职场文书