JavaScript を使用した CSS クラスの動的作成と適用 JavaScript は、新しい CSS クラスの作成やそのクラスの作成など、CSS を動的に操作する機能を提供します。後続の HTML 要素とコントロールへの適用。 CSS クラス JavaScript を使用して新しい CSS クラスを作成するには、document.createElement('style') メソッドを利用します。これにより、新しい が作成されます。 HTML ドキュメント内の要素。次に、type 属性を「text/css」に設定してスタイル タイプを指定する必要があります。最後に、innerHTML プロパティを使用して、クラスの CSS ルールを定義します。</p> <p><strong>CSS クラスの適用</strong></p> <p>CSS クラスが作成されたら、それを適用できます。 HTML 要素またはコントロール。 className プロパティを使用して、目的の要素のクラス属性を設定します。これにより、要素が <style> で定義された CSS クラスに関連付けられます。 </p> <p><strong>例</strong></p> <p>次のコード スニペットは、'cssClass' という名前の CSS クラスを動的に作成し、それを <div> に適用する方法を示しています。 element:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>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';</pre><div class="contentsignin">ログイン後にコピー</div></div> <p>HTML では、次のコードを使用して <div> を作成できます。 「cssClass」スタイルが適用される要素:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><div></pre><div class="contentsignin">ログイン後にコピー</div></div> <p>このアプローチを使用すると、CSS クラスを動的に作成して適用でき、特定の条件やイベントに基づいて HTML 要素とコントロールのスタイルを制御できるようになります。 JavaScript アプリケーションで。</p>