编程 Javascript

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

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 相关文章推荐

JavaScript高级程序设计（第3版）学习笔记3 js简单数据类型

Oct 11 Javascript

js重写alert控件(适合学习js的新手朋友)

Aug 24 Javascript

使用jquery清空、复位整个输入域

Apr 02 Javascript

js+cookies实现悬浮购物车的方法

May 25 Javascript

ExtJs动态生成treepanel的Json格式

Jul 19 Javascript

js模拟淘宝网的多级选择菜单实现方法

Aug 18 Javascript

基于JS代码实现图片在页面中旋转效果

Jun 16 Javascript

javascript 内置对象及常见API详细介绍

Nov 01 Javascript

JS正则替换去空格的方法

Mar 24 Javascript

webpack@v4升级踩坑(小结)

Oct 08 Javascript

详解小程序如何避免多次点击，重复触发事件

Apr 08 Javascript

深入解析vue 源码目录及构建过程分析

Apr 24 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

深入Nginx + PHP 缓存详解

2013/07/11 PHP

thinkphp模板继承实例简述

2014/11/26 PHP

跨浏览器PHP下载文件名中的中文乱码问题解决方法

2015/03/05 PHP

2015/03/24 PHP

php正则表达式基本知识与应用详解【经典教程】

2017/04/17 PHP

use jscript Create a SQL Server database

2007/06/16 Javascript

javascript 嵌套的函数（作用域链）

2010/03/15 Javascript

让innerText在firefox火狐和IE浏览器都能用的写法

2011/05/14 Javascript

使用Post提交时须将空格转换成加号的解释

2013/01/14 Javascript

checkbox选中与未选中判断示例

2014/08/04 Javascript

angularJS 中$scope方法使用指南

2015/02/09 Javascript

探析浏览器执行JavaScript脚本加载与代码执行顺序

2016/01/12 Javascript

nodejs实现bigpipe异步加载页面方案

2016/01/26 NodeJs

Bootstrap入门书籍之（四）菜单、按钮及导航

2016/02/17 Javascript

原生JS实现旋转木马式图片轮播插件

2016/04/25 Javascript

适用于手机端的jQuery图片滑块动画

2016/12/09 Javascript

JavaScript计时器用法分析【setTimeout和clearTimeout】

2017/01/18 Javascript

Vue响应式添加、修改数组和对象的值

2017/03/20 Javascript

HTML5+Canvas调用手机拍照功能实现图片上传（下）

2017/04/21 Javascript

node.js利用mongoose获取mongodb数据的格式化问题详解

2017/10/06 Javascript

浅谈手写node可读流之流动模式

2018/06/01 Javascript

python解析模块(ConfigParser)使用方法

2013/12/10 Python

浅谈python中的正则表达式（re模块）

2017/10/17 Python

详解Django+Uwsgi+Nginx 实现生产环境部署

2018/11/06 Python

浅析PyTorch中nn.Linear的使用

2019/08/18 Python

python 给图像添加透明度(alpha通道)

2020/04/09 Python

Matplotlib中%matplotlib inline如何使用

2020/07/28 Python

python中numpy.empty()函数实例讲解

2021/02/05 Python

GNC健安喜官方海外旗舰店：美国著名保健品牌

2017/01/04 全球购物

香港卓悦化妆品官网：BONJOUR

2017/09/21 全球购物

大学生秋游活动方案

2014/02/17 职场文书

小学生感恩演讲稿

2014/04/25 职场文书

公司授权委托书范文

2014/08/02 职场文书

优秀班主任先进事迹材料

2014/12/16 职场文书

离职员工给领导和同事的感谢信

2015/11/03 职场文书

Go Plugins插件的实现方式

2021/08/07 Golang