☰

JavaScriptでCSSクラスを動的に作成して適用するにはどうすればいいですか? 質問する

tag-icon • tag-icon javascript css stylesheet
JavaScriptでCSSクラスを動的に作成して適用するにはどうすればいいですか? 質問する

JavaScript で CSS スタイルシート クラスを動的に作成し、それを div、table、span、tr などの HTML 要素や、asp:Textbox、Dropdownlist、datalist などのコントロールに割り当てる必要があります。

出来ますか？

サンプルがあれば嬉しいです。

ベストアンサー1

ここにオプションがあります:

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';
<div id="someElementId">test text</div>

おすすめ記事