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

js判断是否为数组的函数: isArray()

Oct 30 Javascript

获取内联和链接中的样式(js代码)

Apr 11 Javascript

js绘制圆形和矩形的方法

Aug 05 Javascript

开启BootStrap学习之旅

May 04 Javascript

Javascript简写条件语句(推荐)

Jun 12 Javascript

fckeditor部署到weblogic出现xml无法读取及样式不能显示问题的解决方法

Mar 24 Javascript

深入理解Node.js中通用基础设计模式

Sep 19 Javascript

vue路由嵌套的SPA实现步骤

Nov 06 Javascript

使用JS模拟锚点跳转的实例

Feb 01 Javascript

React中的refs的使用教程

Feb 13 Javascript

jQuery删除/清空指定元素的所有子节点实例代码

Jul 04 jQuery

angular8.5集成TinyMce5的使用和详细配置(推荐)

Nov 16 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+mysql写的留言本

2006/10/09 PHP

destoon二次开发入门示例

2014/06/20 PHP

php基于websocket搭建简易聊天室实践

2016/10/24 PHP

PHP实现图片压缩

2020/09/09 PHP

laravel 数据验证规则详解

2019/10/23 PHP

拥抱模块化的JavaScript

2012/03/07 Javascript

JavaScript去除空格的三种方法(正则/传参函数/trim)

2013/02/06 Javascript

javascript 回到顶部效果的实现代码

2014/02/17 Javascript

javascript如何使用bind指定接收者

2014/05/04 Javascript

jQuery判断元素是否存在的可靠方法

2014/05/06 Javascript

CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法

2015/05/12 Javascript

简介JavaScript中的getUTCFullYear()方法的使用

2015/06/10 Javascript

jQuery获取剪贴板内容的方法

2016/06/16 Javascript

AngularJS入门教程之数据绑定原理详解

2016/11/02 Javascript

详解JS中定时器setInterval和setTImeout的this指向问题

2017/01/06 Javascript

jQuery EasyUI之验证框validatebox实例详解

2017/04/10 jQuery

vue中v-text / v-html使用实例代码详解

2019/04/02 Javascript

vue+elementUI实现简单日历功能

2020/09/24 Javascript

[06:42]DOTA2每周TOP10 精彩击杀集锦vol.1

2014/06/25 DOTA

python基础教程之类class定义使用方法

2014/02/20 Python

Python基于正则表达式实现检查文件内容的方法【文件检索】

2017/08/30 Python

浅谈使用Python变量时要避免的3个错误

2017/10/30 Python

python测试mysql写入性能完整实例

2018/01/18 Python

python实现识别手写数字 python图像识别算法

2020/03/23 Python

使用python3构建文件传输的方法

2019/02/13 Python

解决pycharm 工具栏Tool中找不到Run manager.py Task的问题

2019/07/01 Python

Python SELENIUM上传文件或图片实现过程

2019/10/28 Python

Python for循环搭配else常见问题解决

2020/02/11 Python

python exit出错原因整理

2020/08/31 Python

秘书岗位职责

2013/11/18 职场文书

迟到检讨书5000字

2014/01/31 职场文书

煤矿安全演讲稿

2014/05/09 职场文书

社区党建工作汇报材料

2014/08/14 职场文书

教师批评与自我批评发言稿

2014/10/15 职场文书

react antd实现动态增减表单

2021/06/03 Javascript

css3手动实现pc端横向滚动

2022/06/21 HTML / CSS