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


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 相关文章推荐
DEFER怎么用?
Jul 01 Javascript
用Javascript实现Sleep暂停功能代码
Sep 03 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
Javascript基础教程之switch语句
Jan 18 Javascript
javascript中数组和字符串的方法对比
Jul 20 Javascript
JQuery 动态生成Table表格实例代码
Dec 02 Javascript
js实现下拉菜单效果
Mar 01 Javascript
vue双花括号的使用方法 附练习题
Nov 07 Javascript
webuploader实现上传图片到服务器功能
Aug 16 Javascript
使用watch在微信小程序中实现全局状态共享
Jun 03 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 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
yii操作session实例简介
2014/07/31 PHP
用 Composer构建自己的 PHP 框架之基础准备
2014/10/30 PHP
使用PHP免费发送定时短信的实例
2016/10/24 PHP
php 调用ffmpeg获取视频信息的简单实现
2017/04/03 PHP
Referer原理与图片防盗链实现方法详解
2019/07/03 PHP
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
基于JQuery.timer插件实现一个计时器
2010/04/25 Javascript
自己做的模拟模态对话框实现代码
2012/05/23 Javascript
关于jQuery参考实例2.0 用jQuery选择元素
2013/04/07 Javascript
解析Jquery的LigerUI如何实现文件上传
2013/07/09 Javascript
href下载文件根据id取url并下载
2014/05/28 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
jQuery qrcode生成二维码的方法
2016/04/03 Javascript
全面解析JavaScript中apply和call以及bind(推荐)
2016/06/15 Javascript
JavaScript实战之菜单特效
2016/08/16 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
Angular4 中常用的指令入门总结
2017/06/12 Javascript
vue 实现类似淘宝星级评分的示例
2018/03/01 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
解决Vue动态加载本地图片问题
2019/10/09 Javascript
vue实现评价星星功能
2020/06/30 Javascript
原生js实现随机点名
2020/07/05 Javascript
Python 字符串中的字符倒转
2008/09/06 Python
Python的ORM框架SQLObject入门实例
2014/04/28 Python
用Python配平化学方程式的方法
2019/07/20 Python
Python JSON编解码方式原理详解
2020/01/20 Python
如何基于python实现不邻接植花
2020/05/01 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
如何设置PyCharm中的Python代码模版(推荐)
2020/11/20 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
菜篮子工程实施方案
2014/03/08 职场文书
单位委托书格式范本
2014/09/29 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
2014年加油站站长工作总结
2014/12/23 职场文书