动态创建样式表在各浏览器中的差异测试代码
更新时间：2011年09月13日 23:23:58 作者：
对于标准浏览器，直接使用css.innerHTML也可以修改HTMLStyleElement的css规则
复制代码 代码如下:
<!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几种常见循环遍历使用和区别,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-09-09
下面小编就为大家带来一篇JS产生随机数的几个用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
今天工作中遇到个小问题，情况如下，当我在后台页面中设置Checkbox的Enable的值为false时，我在前端页面中使用脚本(chk.disabled = false)，无法改变disabled的值为false，下面看看小编是怎么解决此问题的，需要的朋友一起了解了解吧2015-09-09
JScript中的undefined和"undefined"的区别
JScript中的undefined和"undefined"的区别...2007-03-03
原生JS 左右箭头选择日期,就是用左右尖括号可改变中间日期的值，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下2017-03-03
这篇文章主要介绍了微信小程序实现商品数据联动效果，代码很简单，直接复制即可根据自己的需求去修改，对小程序商品数据联动实例代码感兴趣的朋友一起看看吧2022-08-08
这篇文章主要为大家详细介绍了ES6中如何使用Set和WeakSet的相关资料，感兴趣的小伙伴们可以参考一下2016-03-03
js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)
密码验证是常见的网站注册方法，本文主要介绍了js 正则验证密码强度(包含数字+特殊字符+英文字母大小写)，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
这篇文章主要介绍了小程序页面动态配置实现方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
window.dialogArguments 使用说明，需要的朋友可以参考下。2011-04-04
最新评论