1. 스타일을 부분적으로 변경
스타일을 직접 변경하는 방법, className을 변경하는 방법, cssText를 변경하는 방법이 있습니다.
클래스 이름 변경: document.getElementById('obj').className="…"
cssText 변경: document.getElementById('obj').style.cssText="width:20px; border:solid 1px #f00;";
직접 스타일 변경: document.getElementById('obj').style.BackgroundColor="#003366″
2. 스타일을 전체적으로 변경
웹 페이지 스타일의 실시간 전환은 외부 링크 스타일의 href 값 변경, 즉 "템플릿 스타일 변경"을 통해 이루어집니다.
먼저, 변경해야 하는 대상에 다음과 같은 ID를 제공해야 합니다.
다음과 같이 코드 코드를 복사합니다.
<link rel="stylesheet" type="text/css" id="css" href="firefox.css" />
다음과 같이 호출하는 것은 매우 간단합니다.
다음과 같이 코드 코드를 복사합니다.
<span onclick="javascript:document.getElementById('css').href='ie.css'">스타일을 변경하려면 나를 클릭하세요</span>