编程 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 实现简单的倒计时弹窗DEMO附图

Mar 05 Javascript

JavaScript实现把数字转换成中文

Jun 29 Javascript

IE9+已经不对document.createElement向下兼容的解决方法

Sep 14 Javascript

基于JS实现PHP的sprintf函数实例

Nov 14 Javascript

你有必要知道的25个JavaScript面试题

Dec 29 Javascript

详解vue 中使用 AJAX获取数据的方法

Jan 18 Javascript

JSON创建键值对（key是中文或者数字）方式详解

Aug 24 Javascript

玩转Koa之koa-router原理解析

Dec 29 Javascript

jQuery模拟html下拉多选框的原生实现方法示例

May 30 jQuery

npm 语义版本控制详解

Sep 10 Javascript

ES2020 新特性(种草)

Jan 12 Javascript

你不知道的SpringBoot与Vue部署解决方案

Nov 09 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

让你同时上传 1000 个文件（一）

2006/10/09 PHP

Could not load type System.ServiceModel.Activation.HttpModule解决办法

2012/12/29 PHP

php实现通过stomp协议连接ActiveMQ操作示例

2020/02/23 PHP

jquery简单体验

2007/01/10 Javascript

ECMAScript 基础知识

2007/06/29 Javascript

fireworks菜单生成器mm_menu.js在 IE 7.0 显示问题的解决方法

2009/10/20 Javascript

使用JavaScript 实现对象匀速/变速运动的方法

2013/05/08 Javascript

如何解决Jquery库及其他库之间的$命名冲突

2013/09/15 Javascript

js实现checkbox全选和反选示例

2014/05/01 Javascript

jQuery中odd选择器的定义和用法

2014/12/23 Javascript

Jquery中CSS选择器用法分析

2015/02/10 Javascript

javascript实现鼠标移到Image上方时显示文字效果的方法

2015/08/07 Javascript

jquery中object对象循环遍历的方法

2015/12/18 Javascript

jquery实用技巧之输入框提示语句

2016/07/28 Javascript

node.js文件上传处理示例

2016/10/27 Javascript

Angular学习笔记之angular的$filter服务浅析

2016/11/12 Javascript

jquery实现简单的瀑布流布局

2016/12/11 Javascript

使用Angular缓存父页面数据的方法

2017/01/03 Javascript

vue与vue-i18n结合实现后台数据的多语言切换方法

2018/03/08 Javascript

node链接mongodb数据库的方法详解【阿里云服务器环境ubuntu】

2019/03/07 Javascript

javascript实现遮罩层动态效果实例

2019/05/14 Javascript

Angular value与ngValue区别详解

2019/11/27 Javascript

extjs图表绘制之条形图实现方法分析

2020/03/06 Javascript

[04:48]DOTA2上海特锦赛小组赛第三日 TOP10精彩集锦

2016/02/28 DOTA

用Python给文本创立向量空间模型的教程

2015/04/23 Python

利用Python+阿里云实现DDNS动态域名解析的方法

2019/04/01 Python

python3 求约数的实例

2019/12/05 Python

可打印的优惠券、杂货和优惠券代码：Coupons.com

2018/06/12 全球购物

党政领导班子民主生活会整改措施

2014/09/18 职场文书

个人三严三实对照检查材料思想汇报

2014/09/22 职场文书

党的群众路线教育实践活动调研报告

2014/11/03 职场文书

2016教师党员学习心得体会

2016/01/21 职场文书

python3 sqlite3限制条件查询的操作

2021/04/07 Python

前端vue+express实现文件的上传下载示例

2022/02/18 Vue.js

漫画「古见同学有交流障碍症」第25卷封面公开

2022/03/21 日漫