DOM level이란?

Frontend

Posted by jopemachine on October 10, 2021 Updated on September 25, 2022

DOM level

  • DOM이란 XML, HTML 문서의 각 항목을 계층 (트리 구조)으로 표현해 생성, 변형, 삭제할 수 있도록 돕는 cross-platform, language-independent한 인터페이스.

  • W3C의 표준.

  • 현재 가장 최근의 모델은 DOM Level 4이고, 대부분의 모던 브라우저들이 Level 3의 명세를 모두 지원한다

Dom Level 0

  • W3C에서 표준화 되기 전의 DOM 모델 (표준이 아님에 주의할 것)

  • 하나의 이벤트에 하나의 이벤트 리스너만 연결 가능한 기본적인 이벤트 모델을 가짐. (onclick에 직접 함수를 대입해서 사용.)

DOM Level 1 명세

  • HTML, XML 기반 문서의 구조를 이용해, 트리의 모든 엘리먼트들에 엑세스 하고 조작할 수 있는 방법을 제공하는 DOM Core를 제공해야 한다.

  • DOM Core는 콘텐츠 트리를 변경하기 위한 객체형 모델로, 웹 스크립팅의 초석이 된다.

  • 단지 문서 구조를 표현하는 게 목표

DOM Level 2 명세

  • DOM Core에 namespace 지원, DOM event 지원

  • 마우스, 사용자 인터페이스를 지원.

  • CSS 지원.

  • addEventListener, removeEventListener표준적인 구독형 이벤트 처리가 가능해 짐.

DOM Level 3 명세

  • 더 많은 엘리먼트들과 이벤트들 추가

  • DOM 유효성 검사기 추가.

그 외

  • SVG, MathML, SMIL독자적으로 만든 DOM 표준이 존재함. 각각 고유한 인터페이스를 DOM에 추가함

Related links