1. ホーム
  2. javascript

[解決済み] 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';