JavaScript を使用した動的 CSS 変更 JavaScript を使用して CSS ルールを動的に追加すると、Web ページの外観を変更する多目的な方法が提供されます。これを達成するために一般的に使用されるアプローチを見てみましょう。 新しいスタイル ノードの作成 最も簡単な方法は、新しい を作成することです。ノードを作成してドキュメントに追加します。これにより、CSS ルールをページの先頭に直接追加できます。</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="javascript">// Create a new style node var styleSheet = document.createElement("style"); // Define the CSS rules as a string var styles = `.qwebirc-qui .ircwindow div { ... }`; // Set the text content of the style node styleSheet.textContent = styles; // Append the style node to the head of the document document.head.appendChild(styleSheet);</code></pre><div class="contentsignin">ログイン後にコピー</div></div> <p>これらの手順に従うと、JavaScript を使用して CSS ルールを効果的に追加および動的に変更でき、よりインタラクティブでカスタマイズされた Web エクスペリエンスを作成できます。 .</p>
