- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：javascriptでスタイルを動的に作成する方法）
javascriptでスタイルを動的に作成する方法
このQ&Aのポイント
- javascriptで動的に新たにクラスを作成してスタイルを設定する方法を教えてください。
- <html>の<style>～</style>をjavascriptで記述するにはどう書けばよいでしょうか？
- document.write('<style> .hoge {color: red;}</style>');では、<style>タグを埋め込むのと同じですので、純粋なjsのcodingをご教示ください。(prototype.jsなどのライブラリを使わない方法)
- kahata
- お礼率39% (66/168)
- JavaScript
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
http://wiki.bit-hive.com/tomizoo/pg/Javascript%20cssRules こちらに解説、サンプルがあります。 style構文が無いhtmlにstyle自体を追加したい時は次のように。 document.getElementsByTagName('head')[0].appendChild(document.createElement('style')); この後、参考URLにある方法でスタイルシートオブジェクトを取得し、 insertRuleやaddRuleで内容を加えていきます。
その他の回答 (1)
- yambejp
- ベストアンサー率51% (3827/7415)
回答No.2
本筋は#1さんの回答におまかせして 普通に考えればスタイルシートはスタティックに用意しておいて スタイルシート名（cssファイル）や、クラス名を動的に切り替えるのが 妥当な運用方法だと思います
質問者
補足
勿論、理解した上で特殊ケースだからこそ質問したのです。
お礼
ありがとうございました。そのものズバリで大変役に立ちました。