各ブラウザでのスタイルシートの動的作成の差異テストコード

684 ワード

 
  



xxx
<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>

標準ブラウザではcssを直接使用する.innerHTMLはHTML StyleElementのcssルールを変更することもできます.
しかし、IEに対しては「unknow runtime error」が発生します.