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

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

WBOY
WBOY原創
2016-05-16 18:02:13863瀏覽
复制代码 代码如下:




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”。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn