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


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 日漫