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

点击下载链接弹出页面实现代码

Oct 01 Javascript

jQuery 工具函数学习资料

Apr 29 Javascript

window.open的页面如何刷新(父页面)上层页面

Dec 28 Javascript

js 显示base64编码的二进制流网页图片

Apr 04 Javascript

JavaScript获取当前日期是星期几的方法

Apr 06 Javascript

AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题

Jan 21 Javascript

jQuery 全选全不选事件绑定的实现代码

Jan 23 Javascript

jQuery实现页面倒计时并刷新效果

Mar 13 Javascript

Vue 框架之键盘事件、健值修饰符、双向数据绑定

Nov 14 Javascript

详解基于 Node.js 的轻量级云函数功能实现

Jul 08 Javascript

Vue 组件复用多次自定义参数操作

Jul 27 Javascript

快速解决vue2+vue-cli3项目ie兼容的问题

Nov 17 Vue.js

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 数组的合并、拆分、区别取值函数集

2010/02/15 PHP

PHP中的函数嵌套层数限制分析

2011/06/13 PHP

ThinkPHP与PHPExcel冲突解决方法

2011/08/08 PHP

Zend的Registry机制的使用说明

2013/05/02 PHP

PHP函数addslashes和mysql_real_escape_string的区别

2014/04/22 PHP

PHP ADODB生成HTML表格函数rs2html功能【附错误处理函数用法】

2018/05/29 PHP

在JavaScript中使用NaN值的方法

2015/06/05 Javascript

jquery实现的横向二级导航效果代码

2015/08/26 Javascript

jquery.mousewheel实现整屏翻屏效果

2015/08/30 Javascript

总结Node.js中的一些错误类型

2016/08/15 Javascript

利用AngularJs实现京东首页轮播图效果

2016/09/08 Javascript

JS实现探测网站链接的方法【测试可用】

2016/11/08 Javascript

教你一步步用jQyery实现轮播器

2016/12/18 Javascript

基于JS实现仿百度百家主页的轮播图效果

2017/03/06 Javascript

AngularJS2中一种button切换效果的实现方法（二）

2017/03/27 Javascript

vue项目中的webpack-dev-sever配置方法

2017/12/14 Javascript

使用validate.js实现表单数据提交前的验证方法

2018/09/04 Javascript

vue 的点击事件获取当前点击的元素方法

2018/09/15 Javascript

JS字符串与二进制的相互转化实例代码详解

2019/06/28 Javascript

Javascript 对象（object）合并操作实例分析

2019/07/30 Javascript

JQuery发送ajax请求时中文乱码问题解决

2019/11/14 jQuery

vue在图片上传的时候压缩图片

2020/11/18 Vue.js

vue浏览器返回监听的具体步骤

2021/02/03 Vue.js

通过实例浅析Python对比C语言的编程思想差异

2015/08/30 Python

Python定时任务APScheduler的实例实例详解

2019/07/22 Python

python return逻辑判断表达式实现解析

2019/12/02 Python

python 在sql语句中使用%s,%d,%f说明

2020/06/06 Python

Python JSON常用编解码方法代码实例

2020/09/05 Python

python如何实现DES加密

2020/09/21 Python

利用Python优雅的登录校园网

2020/10/21 Python

SQL Server里面什么样的视图才能创建索引

2015/04/17 面试题

Tomcat的缺省是多少，怎么修改

2014/04/09 面试题

2014镇副书记群众路线专题民主生活会思想汇报

2014/09/23 职场文书

2015年采购工作总结

2015/04/10 职场文书

dubbo服务整合zipkin详解

2021/07/26 Java/Android

Apache Kafka 分区重分配的实现原理解析

2022/07/15 Servers