STYLEタグをJavaScriptで動的設定してみよう

CSS

例えば、はてなのスタイルシート設定画面だと、適用ボタンとプレビューボタンがある。もしstyleタグの内容をJavaScriptで動的設定すれば、プレビューボタンを廃止できるんでね？とか思ったので実験してみる。

<html>
 <body>
  <style id="css"></sytle>
  <script src="prototype.js"></script>
  <script>
   $('css').innerHTML = "h1text-align:center";
  </script>
  <h1>hogehoge</h1>
 </body>
</html>

結論としてはうまく行かない。Firefoxでは動くけど、IEとSafariで動かないから実際には使えないだろう。