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


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 相关文章推荐
图片连续滚动代码[兼容IE/firefox]
Jun 11 Javascript
javascript new 需不需要继续使用
Jul 02 Javascript
JavaScript 读取元素的CSS信息的代码
Feb 07 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
Jun 13 Javascript
聊一聊JS中this的指向问题
Jun 17 Javascript
AngularJS中实现动画效果的方法
Jul 28 Javascript
js无提示关闭浏览器窗口的两种方法分析
Nov 06 Javascript
使用JS代码实现点击按钮下载文件
Nov 12 Javascript
JavaScript实现无穷滚动加载数据
May 06 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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
php你的验证码安全码?
2007/01/02 PHP
PHP合并两个数组的两种方式的异同
2012/09/14 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
php通过ksort()函数给关联数组按照键排序的方法
2015/03/18 PHP
PHP上传图片类显示缩略图功能
2016/06/30 PHP
PHP autoload使用方法及步骤详解
2020/09/05 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
JavaScript Event学习第十一章 按键的检测
2010/02/10 Javascript
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
JavaScript中for循环的使用详解
2015/06/03 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
javascript实现的左右无缝滚动效果
2016/09/19 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
微信小程序之picker日期和时间选择器
2017/02/09 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
Vue-Access-Control 前端用户权限控制解决方案
2017/12/01 Javascript
Vue.js实现图片的随意拖动方法
2018/03/08 Javascript
浅谈如何使用webpack构建多页面应用
2018/05/30 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
Javascript查看大图功能代码实现
2020/05/07 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
2020/05/11 Javascript
[01:04:08]完美世界DOTA2联赛PWL S3 INK ICE vs GXR 第一场 12.16
2020/12/18 DOTA
python中scikit-learn机器代码实例
2018/08/05 Python
python中嵌套函数的实操步骤
2019/02/27 Python
django admin管理工具自定义时间区间筛选器DateRangeFilter介绍
2020/05/19 Python
Css3实现无缝滚动防抖
2020/09/14 HTML / CSS
英国Amara家居法国网站:家居装饰,现代装饰和豪华礼品
2016/12/15 全球购物
缅甸网上购物:Shop.com.mm
2017/12/05 全球购物
美国巧克力喷泉品牌:Sephra
2019/05/05 全球购物
教育局长自荐信范文
2013/12/22 职场文书
好媳妇事迹材料
2014/12/24 职场文书
安全承诺书
2015/01/19 职场文书
自主招生自荐信格式范文
2015/03/25 职场文书