Rumah  >  Artikel  >  hujung hadapan web  >  动态创建样式表在各浏览器中的差异测试代码_javascript技巧

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

WBOY
WBOYasal
2016-05-16 18:02:13895semak imbas
复制代码 代码如下:




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”。
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn