JavaScript 익히기 [3] className attribute_javascript 기술 사용

삼위일체 페이지
웹페이지의 구조 레이어(구조)는 HTML 또는 XHTML로 생성됩니다.
웹페이지의 프리젠테이션 레이어(프레젠테이션)는 CSS로 생성됩니다. 웹페이지의 행위 레이어(Behavior)는 Javascript와 DOM으로 완성됩니다.


사실 웹페이지의 표현 레이어와 행위 레이어는 사용자가 정의하지 않더라도 항상 존재합니다. 그것. 웹 브라우저는 자체 기본 스타일과 이벤트를 웹 페이지의 구조 계층에 로드하기 때문입니다.


B className 속성 사용
Javascript에서는 className 속성을 통해 레이블 요소의 CSS 클래스 선택기를 유연하게 변경하여 스타일을 변경할 수도 있습니다. 코드 예:

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

.myUL1{
색상:#0000FF ;
글꼴-가족:Arial;
글꼴-가중치:bold;
.myUL2{
텍스트 장식:밑줄;

onclick="check( )" class="myUL1">

HTML

자바스크립트

< /ul>




실행 시 < ul>은 실제로 다음과 같습니다.

참고:
i > 직접적으로는 맞습니다. CSS 교체
ii > 그러나 위 코드는 원래 CSS 스타일을 덮어쓰지 않고 기존 CSS 스타일에 추가합니다.

추가의 전제는 추가된 CSS가 원본 CSS를 복제하지 않도록 하는 것입니다.


경험:
브라우저 간의 디스플레이 차이는 일반적으로 디스플레이의 차이로 인해 발생합니다. 각 브라우저 자체의 CSS 속성 기본값이 다르기 때문에 발생합니다.
일반적인 해결책은 브라우저가 기본값을 사용하도록 하는 대신 프로그래머가 직접 값을 지정하는 것입니다.