JavaScript에서 CSS 클래스를 동적으로 생성하고 적용하는 방법 JavaScript에서 CSS 클래스를 동적으로 생성하면 HTML 요소의 모양을 유연하게 제어할 수 있습니다. 다음 단계에서는 이를 달성하는 방법을 설명합니다. 새 요소:</strong></li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var style = document.createElement('style');</pre><div class="contentsignin">로그인 후 복사</div></div> <ol start="2"><li><strong>유형 및 내부 HTML 설정:</strong></li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>style.type = 'text/css'; style.innerHTML = '.cssClass { color: #f00; }';</pre><div class="contentsignin">로그인 후 복사</div></div> <ol start="3"><li><strong> 스타일을 <head>:</strong></li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>document.getElementsByTagName('head')[0].appendChild(style);</pre><div class="contentsignin">로그인 후 복사</div></div> <ol start="4"><li><strong>클래스를 HTML에 적용 요소:</strong></li></ol> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>document.getElementById('someElementId').className = 'cssClass';</pre><div class="contentsignin">로그인 후 복사</div></div> <p><strong>예:</strong></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre>var style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = '.myClass { color: blue; }'; document.getElementsByTagName('head')[0].appendChild(style); document.getElementById('myElement').className = 'myClass';</pre><div class="contentsignin">로그인 후 복사</div></div> <p>이 코드는 파란색 텍스트로 "myClass"라는 CSS 클래스를 생성하고 적용합니다. ID가 있는 HTML 요소에 "myElement."</p> <p><strong>참고:</strong></p> <p>이 방법은 HTML 요소에만 국한되지 않습니다. asp:Textbox, asp:Dropdownlist 및 asp:Datalist와 같은 ASP.NET 컨트롤에도 적용할 수 있습니다.</p>
