首页 > web前端 > js教程 > 动态创建样式表在各浏览器中的差异测试代码_javascript技巧

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 18:02:13
原创
927 人浏览过
复制代码 代码如下:




xxx
<script> <BR>var css = document.createElement('style'); <BR>css.setAttribute('type', 'text/css'); <BR>var cssText = 'span{color:Red;}'; <BR>if(css.styleSheet) { // IE <BR>css.styleSheet.cssText = cssText <BR>} else { <BR>css.appendChild(document.createTextNode(cssText)); <BR>} <BR>document.getElementsByTagName("head")[0].appendChild(css); <BR></script>

对于标准浏览器,直接使用css.innerHTML也可以修改HTMLStyleElement的css规则;
但是对于IE会导致一个“unknow runtime error”。
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
angular.js - angular2动态创建子组件思路
来自于 1970-01-01 08:00:00
0
0
0
javascript - 动态创建对象,动态加数据
来自于 1970-01-01 08:00:00
0
0
0
如何从数组动态创建表?
来自于 1970-01-01 08:00:00
0
0
0
PHP 中的动态属性创建已被弃用:警告
来自于 1970-01-01 08:00:00
0
0
0
git - hexo怎么创建无模板的静态html?
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板