recherche

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

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

WBOY
WBOYoriginal
2016-05-16 18:02:13891parcourir
复制代码 代码如下:




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”。
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：当jQuery遭遇CoffeeScript的时候 使用分享_jqueryArticle suivant：jquery blockUI 遮罩不能消失与不能提交的解决方法_jquery

Articles Liés

Voir plus