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