JavaScriptでstyleタグをheadにオンザフライ(動的)挿入するメモ。
(function(window){ var document = window.document, css = document.createElement('style') rule = document.createTextNode('p{display:none}') ; css.media = 'screen'; css.type = 'text/css'; if (css.styleSheet) { css.styleSheet.cssText = rule.nodeValue; } else { css.appendChild(rule); }; document.getElementsByTagName('head')[0].appendChild(css); }(window)); |
毎回忘れてしまうのは以下の点。
・CSSの設定をcreateTextNodeで作るところ。
・createElementで生成したstyleインスタンスにcreateTextNodeで作ったstyle定義を追加するところ。
・styleSheetオブジェクトがあればcssTextに設定。
・無ければappendChildで追加。
ピンバック: 超個人的メモ, JavaScript関連の投稿リンクをまとめておく « イナヅマtvログ