예전에는 classname, csstext 같은 단어를 자주 접했는데 어떻게 사용해야 할지 몰랐어요. 최근에 실제로 웹사이트를 만들기 시작했는데, 많은 것을 얻었습니다. 아직 이해하지 못하는 분들과 공유하고 싶습니다. 웹페이지에서 스타일시트를 호출하는 방법은 일반적으로 4가지가 있습니다. 첫 번째는 외부 링크, 즉 형식이고, 두 번째는 스타일 시트를 입력하는 것이고, 세 번째는 과 같이 웹 페이지 상단에 선언하는 것입니다. .; 마지막은 객체 바로 뒤에 스타일을 쓰는 것, 즉 <div style = "width:80%...;"> 형식입니다. 스크립트를 사용하여 스타일을 호출할 때도 이러한 측면에서 시작해야 합니다. <br><br>1. 일반적으로 외부 링크 스타일의 href 값, 즉 "템플릿 스타일 변경"을 통해 웹 페이지 스타일의 실시간 전환이 가능합니다. 이때 먼저 <br><br><link rel = "stylesheet" type="text/css" id="css" href="firefox.css" /> <br><br>처럼 변경이 필요한 대상에 ID를 부여해야 합니다. 호출은 <span on click="javascript:document.getElementById('css').href = 'ie.css'">Click me와 같이 매우 간단합니다. 스타일을 변경하려면 <br><br>2. 스타일을 부분적으로 변경하는데, 이는 직접 스타일 변경, className 변경, cssText 변경의 세 가지 유형으로 나뉩니다. 참고할 사항은 다음과 같습니다. 첫째, JavaScript는 대소문자를 매우 구분합니다. ClassName은 "N"을 "n"으로 쓸 수 없고 cssText는 "T"를 "t"로 쓸 수 없습니다. 그렇지 않으면 효과를 얻을 수 없습니다. 둘째, className을 변경하는 경우 스타일시트에 미리 클래스를 선언하되, 호출 시 스타일을 따르지 마세요. 예를 들어 <BR>document.getElementById('obj').style.className="..."은 틀렸어! <BR>은 document.getElementById('obj').className="..."으로만 작성할 수 있습니다. <br><br>그러나 cssText를 사용하는 경우 스타일을 추가해야 합니다. 올바른 작성 방법은 다음과 같습니다. <BR>document.getElementById('obj').style.cssText="..." <br><br>직접 스타일을 변경하는 것에 대해 말할 필요는 없습니다. 🎜>document.getElementById(' obj').style.BackgroundColor="#003366" <BR>초보자는 JavaScript에서 CSS 특정 스타일을 작성하는 방법을 모르는 경우가 많으며 때로는 요구 사항이 브라우저마다 다릅니다. 예를 들어 float는 IE에서는 styleFloat로, FIREFOX에서는 cssFloat로 작성되는데, 이는 모두의 축적이 필요합니다. Google에서 "JSS"를 검색하면 의심에 도움이 될 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
