DOM 설정 CSS 스타일

<! DOCTYPE HTML > 
< HTML > 
< 머리 LANG를 = "EN" > 
    < 메타 캐릭터 = "UTF-8" > 
    < 타이틀 > DOM设置CSS样式</ 타이틀 > 
    <! - 
        p.style.fontSize = 100 픽셀;
        해석 :
        요소 p 스타일 폰트 크기 = 100 픽셀의 집합;
        스타일 속성을 가질 수 없습니다 "-"기호를 쓰기 혹 양식

        몇 가지를 인수 여부 요소를 얻을에서 getElementById뿐만 아니라, 기억, 다른 하나는, 자신의 스타일을 설정하는 배열 X [i]는 색인을 통해 이동합니다
     -> 
</ 헤드 > 
< 본문 > 
    < H3 ID = "H" > 원위 도서 </ H3 > 
    < UL ID = "listWeb" > 
        < 리 > HTML 기반 </ 리 > 
        < 리 > 기초 CSS </ 리 > 
        < 리 > 기초하여 자바 스크립트 </ 리 > 
        < 리 > JQUERY 프레임 </ 리 > 
        < 리 >부트 스트랩 프레임 </ 리> 
    </ UL > 
    < H3 > JAVA 책 </ H3 > 
    < UL 언급 ID 상술 = "listJava" > 
        < 리 > JAVA 언어 기반 </ 리 > 
        < 리 > 세 틀 </ 리 > 
        < 리 > JAVA 속인 </ 리 > 
    </ UL > 
< 스크립트 > 
    VAR X = document.getElementById를 ( " H " );// H3 자료 = H를 얻기 위해 변수 (X)를 사용하여
    x.style.color = " 블루 " ; // ID는 어레이 인덱스를 사용하지 않고 얻는 유일한 방법 
    VAR의 Y가 = document.getElementsByTagName ( " H3 " ); // 사용 요소는 변수 Y를 획득 H3 
    Y가 [ 1. .style]를 .color = " 레드 " ; // 배열 인덱스 및 제 2 H3 스타일 
    VAR = document.getElementById를 ( " listWeb " ) .getElementsByTagName ( " 리 " ); // 모든 변수를 원위부 책을 가져 오는 데 사용 에 대한 ( var에 I를 =
    0 ; I <= a.length; I ++ ) { // 모든 도서 사용을 통해 말단 고리 
        A [I]를 .style.fontStyle = " 기울임 " ; // 모든 도서 배치 원위 이탤릭체 
        IF (I == 2 ) {
            A [I] .style.color = " 그린 " ; // 번째 색 녹색 폰트 세트 
            A [I]를 .style.listStyle = " 없음 " ; //는 제 흑점의 전면을 삭제 
        } 다른 {
            A [나는] .style.backgroundColor = " 회색 " ; // 회색에 다른 세트를 배경 색상 
        }
    }
</ 스크립트 > 
</ 몸 > 
</ HTML >