各ブラウザでのスタイルシートの動的作成の差異テストコード
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」が発生します.