Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 18:02:13
Original
898 Leute haben es durchsucht
复制代码 代码如下:




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”。
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage