JS를 사용하여 하나의 page_javascript 기술에 여러 CSS 스타일 구현

1단계: 스타일 시트에 연결된 요소에

와 같은 ID를 정의합니다. 코드를 복사합니다. 코드는 다음과 같습니다.

,

내가 정의한 ID는 다음과 같습니다. CSS.

2단계: js 함수 작성, 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

이 함수의 코드는 페이지 어디에나 배치할 수 있습니다.

3단계: 페이지의 스타일 시트를 변경하는 연결에 대한 함수 트리거 이벤트를 추가합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

1.css2.css

이 효과는 IE와 FF 모두에서 테스트되었습니다. 이 방법을 사용하면 보는 사람이 표시해야 할 스타일 시트를 선택하게 할 수 있습니다. 예를 들어 노인은 더 큰 글꼴이 있는 스타일 시트를 선택할 수 있습니다. 여기서 주목해야 할 두 가지 사항은 다음과 같습니다.
1. 이 예에서 함수 이름 뒤의 이름은 링크 또는 링크일 수 없습니다. 스타일 시트는 구체적인 내용을 알 수 없습니다. 이유. 는 JavaScript의 예약된 문자일 수 있습니다.
2. 또한 전체 페이지의 스타일을 변경하려면 스타일시트 파일에서 본문 높이를 100%로 정의해야 합니다.