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

从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