DOM element에 class 적용

DOM Element에 css를 적용하는 방법은 아래와 같다.
element.className = "my-class" is permitted for "class" attributes by DOM level 0;
element.setAttribute("className", "my-class") is permitted for all attributes by DOM level 1;
element.style.color = "#aa0000" is permitted only under DOM level 2.


*참고: DOM Level이란?
1) DOM 스펙은 W3C에서 Level 단위로 만들어지고 있는데,
    처음에 만든 권고안 DOM Lev
el 1 이었고, 현재는 DOM Level 3 권고안까지 만들어진 상태이다.

2) DOM 레벨에 관한 정보
   ⊙ DOM Level 1
        - core, HTML, 그리고 XML 문서모델에 대한 내용이다.
          레벨1은 문서에 대하여 항해(navigation)하거나 조작(manipulation)하는 기능을 포함한다.   

    ⊙ DOM Level 2
        - 스타일 쉬트를 적용한 개체모델을 지원하고 문서에 스타일 정보를 조작하는 기능을 정의한다.
          또한 문서에 대한 풍부한 질의 기능과 이벤트 모델에 대한 정의 기능도 포함한다.  

    ⊙ DOM Level 3
        - 윈도우즈 환경 하에서 사용가능한 사용자 인터페이스를 기술하는 것까지 포함한다.
          이를 이용하여 사용자는 문서의 DTD를 조작하는 기능과 보안 레벨까지 정의할 수 있다.

카테고리

분류 전체보기 (693)
About me. (6)
Daylogs (658)
비공개 (0)
영어공부 (0)
My works - 추억 (29)