Javascript를 사용한 동적 CSS 수정 Javascript를 통해 CSS 규칙을 동적으로 추가하면 웹 페이지의 시각적 모양을 수정할 수 있는 다양한 방법이 제공됩니다. 이를 달성하기 위해 일반적으로 사용되는 접근 방식을 살펴보겠습니다. 새 스타일 노드 만들기 가장 간단한 방법은 새로운 노드를 만들어 문서에 추가합니다. 이를 통해 페이지 헤드에 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 규칙을 동적으로 효과적으로 추가 및 수정할 수 있으므로 보다 대화형이고 사용자 정의된 웹 환경을 만들 수 있습니다. .</p>
