[解決済み] JavaScriptでCSSクラスを動的に作成し、適用するには?
2022-03-16 20:17:12
質問
JavaScript で CSS スタイルシートクラスを動的に作成し、それを div, table, span, tr などの HTML 要素と asp:Textbox, Dropdownlist および datalist などのコントロールに割り当てる必要があります。
可能ですか?
サンプルがあるといいですね。
どのように解決するのですか?
こんな方法もあります。
var style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = '.cssClass { color: #F00; }';
document.getElementsByTagName('head')[0].appendChild(style);
document.getElementById('someElementId').className = 'cssClass';
関連
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] JavaScriptで文字列が部分文字列を含むかどうかを確認する方法は?
-
[解決済み] あるJavaScriptファイルを他のJavaScriptファイルにインクルードするにはどうすればよいですか?
-
[解決済み] GUID / UUIDの作成方法
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
vue3レスポンシブ対応のためのsetup+ref+reactive
-
JSアレイループと効率解析の比較
-
元のイベントが実行されなかった後に要素を追加するためのjQueryソリューション
-
jQueryのコピーオブジェクトの説明
-
Vueのフォームイベントのデータバインディングの説明
-
[解決済み】React Nativeアプリをターミナルから実行するとエラーが発生する(iOS)
-
[解決済み】JavaScriptエラー(Uncaught SyntaxError: Unexpected end of input)
-
[解決済み】 `string.split is not a function` というエラーの原因は何ですか?
-
JavaScriptのStringに関する共通メソッド
-
[解決済み】JavaScriptで複数のCSSスタイルを設定するには?