Document Object Model

Document Object Model

Document Object ModelDOM Level 1, DOM Level 2, DOM Level 3, DOM Level 4

설명

웹 문서 구조를 다루기 위한 문서 객체 모델

계층 탐색

  • Event

    DOM에서 발생하는 모든 이벤트를 다루는 객체이다.
    • Constructor

      이벤트 생성자 함수로써 새로운 사용자 정의 이벤트 인스턴스를 생성한다.
    • [[Prototype]]

      상속 가능한 객체
      • Methods

        이벤트 발생시 상속 가능한 메소드.
        • composedPath()

          리스너(listener)가 호출될 객체의 배열인 이벤트 경로를 반환한다. ShadowRoot.mode가 딛한 상태에서 shadow root가 생성된 경우 shadow tree의 노드는 포함되지 않는다.
        • preventDefault()

          Element 객체가 기본적으로 가지고 있는 이벤트 동작을 차단한다.
        • stopImmediatePropagation()

          동일한 이벤트에서 다른 리스너들이 불려지는 것을 차단한다.
        • stopPropagation()

          이벤트 캡처링(capturing)과 버블링(bubbling) 전파를 차단한다.
      • Properties

        상속 가능한 프로퍼티
        • bubble

          이벤트가 DOM을 통해 버블링되는지 여부를 가지고 있다.
        • cancelable

          이벤트를 취소할 수 있는지 여부를 확인할 수 있다.
        • cancelBubble

          이벤트 핸들러에서 리턴하기 전에 값을 true로 설정하면 이벤트 전파를 방지한다.
        • composed

          shadow DOM 경계를 넘어 표준 DOM으로 전파되는지 여부를 나타낸다.
        • currentTarget

          이벤트가 등록된 직접적인 Element 객체를 참조한다.
        • defaultPrevented

          preventDefault() 메소드가 이벤트에서 호출되었는지 여부를 확인할 수 있다.
        • eventPhase

          현재 처리중인 이벤트 흐름의 위상을 나타낸다.
        • isTrusted

          사용자 작업에 의해 이벤트가 생성될 때와 스크립트가 이벤트를 생성하거나 수정하는 경우에 대한 값을 가지고 있다. 사용자 작업에 의해서 생성된 이벤트일 경우에는 true, 스크립트에 의해 생성된 이벤트일 경우에는 false를 갖는다.
        • returnValue

          이벤트에 대한 기본 작업이 금지되었는지 여부를 조회한다. 기본적으로 true로 설정되어 기본 동작이 발생한다. 이 속성을 false로 설정하면 기본 작업이 금지된다.
        • target

          실제로 이벤트가 발생한 Element 객체를 참조한다. 이벤트 버블링, 캡처 단계에서도 참조가 가능하다.
        • timeStamp

          이벤트가 생성된 시간(밀리초:milliseconds)로 조회한다.
        • type

          이벤트의 유형을 문자열로 조회한다.
    • Events

      다양한 이벤트를 분류별로 정리했다.
      • Animation

        애니메이션과 관련된 이벤트
        • cancel

          애니메이션이 취소되었을 때 발생한다.
        • finish

          애니메이션이 종료될 때 실행한다.
        • remove

          애니메이션이 제거될 때(즉, 활성 바꾸기 상태) 실행한다.
      • Document

        • selectionchange

          문서에서 현재 텍스트 선택이 변경되면 발생한다.
        • selectstart

          사용자가 새 선택을 시작하면 발생한다.
      • Form

        폼 처리와 관련된 이벤트
        • change

          폼 요소의 설정 값이 변경되면 발생한다.
        • invalid

          제출 가능 요소가 유효성을 확인하고 제약 조건을 충족하지 않을 때 발생한다.
        • reset

          폼의 입력 요소 값을 초기화할 때 발생한다.
      • Media

        미디어 관련 이벤트
        • canplay

          재생 가능한 미디어 데이터가 확보된 경우에 발생한다. 웹브라우저는 미디어 데이터가 완전하게 로드되지 않더라도 재생 가능한 상태라면 추가 버퍼링을 병행하면서 재생을 시작한다.
        • canplaythrough

          readyState가 HAVE_ENOUGH_DATA로 변경될 때 발생한다. 다운로드 속도가 현재 수준 이상이라고 가정하고 전체 미디어를 중단없이 재생할 수 있음을 나타낸다.
        • cuechange

          TextTrack이 현재 표시되는 큐를 변경했을 때 발생한다.
        • durationchange

          duration 속성이 업데이트되면 발생한다.
        • emptied

          미디어가 비워지면 발생한다.
        • ended

          미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다. 이 이벤트는 미디어 재생이 미디어 끝에 도달할 때 종료된 HTMLMediaElement(<audio>, <video>) 실행 을 기반으로 발생한다.
        • loadeddata

          미디어의 현재 재생 위치에 있는 프레임이 로드를 완료하면 발생한다.
        • loadedmetadata

          메타 데이터가 로드되면 발생한다.
        • pause

          재생이 일시 중지될 때 발생한다. 일반적으로 pause() 메소드로 호출되고 미디어가 일시 정지 된 후에 발생한다.
        • play

          play() 메소드 또는 autoplay 속성의 결과로 paused 속성이 true에서 false로 변경되면 발생한다.
        • playing

          <audio>, <video> 요소에서 버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.
        • progress

          웹브라우저가 리소스를 로드할 때 주기적으로 발생한다.
        • seeked

          사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 완료할 때 발생한다.
        • seeking

          사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 할 때 발생한다.
        • timeupdate

          재생 위치가 변경되었을 때 발생한다.
        • volumechange

          미디어의 볼륨이 변경되었을 때 발생한다.
        • waiting

          일시적인 데이터 부족으로 인해 재생이 중지되면 발생한다.
      • Mouse

        포인팅 장치 관련 이벤트
        • pointerlockchange

          입력 장치의 포인터가 잠기거나 잠금이 해제되면 발생한다.
        • pointerlockerror

          입력 장치의 포인터 잠금이 실패하면 발생한다. 기술적인 이유이거나 권한 부족으로 거부될 경우에 발생할 수 있다.
      • Network

        네트워크 관련 이벤트
        • offline

          웹브라우저가 네트워크에 대한 액세스 권한을 잃고 Navigator.onLine 값이 false로 전환되면 발생한다.
        • online

          웹브라우저가 네트워크에 액세스하고 Navigator.onLine의 값이 true로 전환되면 발생한다.
      • Print

        프린트와 관련된 이벤트
        • afterPrint

          문서가 인쇄를 시작하거나 인쇄 미리보기가 닫힌 후에 발생한다.
        • beforeprint

          문서가 인쇄되거나 인쇄를 위해 미리보기가 될 때 발생한다.
      • Progress

        처리 관련 이벤트
        • progress

          미디어 데이터를 가져오는 중일 때 발생한다.
      • Resource

        리소스 관련 이벤트
        • abort

          리소스가 완전히 로드되지 않았을 때 발생한다. 오류의 결과는 아니다.
        • beforeunload

          window, document, resources가 unload되려고 할 때 발생한다.
        • error

          리소스 로드에 실패했거나 사용할 수 없는 경우 Element 객체에서 발생한다. 예를 들어서 스크립트에 실행 오류가 있거나 이미지를 찾을 수 없는 경우 그리고 유효하지 않는 리소스일 경우이다.
        • unload

          문서나 하위 리소스가 unload일 때 발생한다.
      • Screen

      • UI

        UI와 관련된 이벤트
        • cancel

          dialog 요소가 닫힐 때 발생한다.
        • close

          대화 상자가 닫히면 HTMLDialgElement에서 발생한다.
      • View

        뷰와 관련된 이벤트
        • fullscreenchange

          요소가 전체 화면 모드로 전환되거나 해제될 때 시작되는 이벤트
        • fullscreenerror

          전체 화면 모드로 전환하거나 외부에서 전환하려고 시도하는 동안 오류가 발생하면 요소로 전송되는 이벤트이다.
      • WebSocket

        웹 소켓 관련 이벤트
        • open

          웹 소켓과의 연결이 열리면 이벤트가 발생한다.
    • Inherited

      Event 객체를 상속하는 객체군
      • AnimationEvent

        CSS 애니메이션과 관련된 정보를 제공하는 이벤트 객체이다.
        • Constructor

          이벤트 생성자
        • Events

          • animationcancel

            CSS 애니메이션이 예기치 않게 중단되면 발생한다.
          • animationend

            CSS 애니메이션이 완료되면 발생한다.
          • animationiteration

            CSS 애니메이션의 반복이 끝나고 다른 것이 시작되면 발생한다.
          • animationstart

            CSS 애니메이션이 시작되면 발생한다.
        • [[Prototype]]

          • Properties

            • animationName

              animation-name CSS 속성 값을 가진 DOMString을 조회한다.
            • elapsedTime

              애니메이션이 재생된 총 시간을 실수로 조회한다.
            • pseudoElement

              애니메이션이 재생중인 가상 요소의 이름을 DOMString으로 조회한다.
      • ClipboardEvent

        잘라내기, 복사 및 붙여넣기와 관련된 이벤트를 다룬다.
        • Constructor

          생성자
        • Events

          • copy

            선택 영역이 클립보드로 복사되었을 때 발생한다.
          • cut

            선택이 잘라내기 되어진 후 클립보드로 복사되었을 때 발생한다.
          • paste

            클립보드의 항목이 불여넣기 되어질 때 발생한다.
        • [[Prototype]]

          • Properties

            속성
            • clipboardData

              잘라내기, 복사 또는 붙여넣기 작업의 영향을 받는 데이터를 포함하는 DataTransfer 객체를 참조한다.
      • CloseEvent

        연결이 닫힐 때 WebSocket을 사용하여 클라이언트로 전송되는 이벤트를 다룬다.
        • Constructor

          생성자 함수를 사용하여 새로운 CloseEvent 객체를 생성한다.
        • Events

          • close

            웹 소켓의 연결이 닫히면 발생한다.
      • CustomEvent

        사용자 정의 이벤트를 다루는 객체이다.
        • Constructor

          생성자
        • [[Prototype]]

          • Properties

            속성
            • detail

              읽기 전용 속성으로 이벤트를 초기화할 때 전달된 모든 데이터를 조회한다.
      • DeviceMotionEvent

        장치의 위치와 방향에 대한 변경 속도에 대한 정보를 제공하는 이벤트를 다룬다.
        • Constructor

          생성자
        • Events

          • devicemotion

            일정한 간격으로 발생하며 해당 시간에 장치가 받는 가속의 물리적 힘의 양을 나타낸다. 가능한 경우 회전 속도에 대한 정보도 제공한다.
        • [[Prototype]]

          • Properties

            • acceleration

              x, y, z 세 개의 축에서 장치의 가속도를 제공한다.
            • accelerationIncludingGravity

              중력의 영향으로 x, y, z 세 개의 축에서 장치의 가속도를 제공한다.
            • interval

              장치에서 데이터를 가져오는 시간 간격(밀리초:millsecond)을 나타내는 숫자를 조회한다.
            • rotationRate

              세 가지 방향축인 알파, 베타 및 감마에서 장치의 방향 변경 속도를 제공한다. 회전 속도는 초당 각도로 표시한다.
      • DeviceOrientationEvent

        웹 페이지를 실행하는 장치의 물리적 방향의 정보를 제공하는 이벤트를 다룬다.
        • Constructor

          생성자
        • Events

          • deviceorientation

            지구 좌표 프레임과 비교하여 기기의 현재 방향에 대한 방향 센서에서 새로운 데이터를 사용할 수 있을 때 발생한다.
        • [[Prototype]]

          • Properties

            • absolute

              기기가 방향 데이터를 지구 좌표계를 참조하여 절대적으로 제공하는지 또는 기기에서 결정한 임의의 프레임을 사용하는지 여부를 나타낸다.
            • alpha

              Z 축을 중심으로 장치의 회전을 조회한다. 즉 기기가 화면 중앙을 중심으로 비틀어지는 각도이다.
            • beta

              X 축을 중심으로 한 장치의 회전을 조회한다. 즉, 장치를 앞뒤로 기울이는 각도로 -180에서 180 사이의 값이다.
            • gamma

              Y 축을 중심으로 장치의 회전을 조회한다. 장치의 왼쪽이나 오른쪽으로 기울어지는 각도이다.
      • ErrorEvent

        스크립트 또는 파일의 오류와 관련된 정보를 제공하는 이벤트를 다루는 객체이다.
        • Constructor

          생성자
        • [[Prototype]]

          • Properties

            • colno

              스크립트 오류가 발생한 열 번호를 나타낸다.
            • error

              오류를 나타내는 객체
            • filename

              오류가 발생한 스크립트의 URL을 나타낸다.
            • lineno

              스크립트 오류가 발생한 줄 번호를 나타낸다.
            • message

              오류 메시지를 나타낸다.
      • FormDataEvent

        폼 데이터를 나타내는 항목 목록이 구성된 후 HTMLFormElement 객체에서 시작되는 이벤트를 다루는 인터페이스이다.
        • Constructor

          생성자
        • Events

          • formdata

            폼의 데이터를 나타내는 항목 목록이 생성된 후 발생한다.
        • [[Prototype]]

          사용 가능한 프로퍼티와 메소드
          • Properties

            • formData

              이벤트가 발생했을 때 폼에 포함된 데이터를 나타내는 FromData 객체를 참조한다.
      • GamepadEvent

        시스템에 연결된 게임 패드에 대한 참조가 포함되어 있으며 이벤트 타입으로는 gamepadconnnected, gamepaddisconnected 가 있다.
        • Constructor

          생성자
          • GamepadEvent()

            새로운 GamepadEvent 객체의 인스턴스를 생성한다.
        • Events

        • [[Prototype]]

          사용 가능한 프로퍼티와 메소드
          • Properties

            • gamepad

              관련 게임 패드 데이터에 대한 액세스를 제공하는 Gamepad 객체를 참조한다.
      • HashChangeEvent

        URL의 조각 식별자가 변경될 때 발생하는 이벤트를 다루는 인터페이스이다.
        • Events

          • hashchange

            URL의 조각 식별자가 변경되면 발생한다.
        • [[Prototype]]

          사용 가능한 프로퍼티외 메소드
          • Properties

            • newURL

              창(window)이 탐색되는 새 URL을 조회한다.
            • oldURL

              창을 탐색한 이전 URL을 조회한다.
      • MessageEvent

        웹 소켓에서 대상 객체가 수신한 메시지를 다루는 이벤트 객체이다.
      • PageTransitionEvent

        문서가 로드가 되거나 언로드 될 때 시작되는 pageshow 및 pagehide 이벤트를 다룬다.
        • Events

          • pagehide

            세션 기록에서 다른 페이지를 표시하는 과정에서 웹브라우저가 현재 페이지를 숨기면 발생한다. 예를 들어서 사용자가 웹브라우저의 뒤로가기 버튼을 클릭하면 이전 페이지가 표시되기 전에 현재 페이지에서 페이지 숨기기 이벤트를 수신한다.
          • pageshow

            세션 기록 항목에 의해서 페이지가 보여질 때 발생한다.
        • [[Prototype]]

          • Properties

            • persisted

              문서가 캐시(cache)에 로드되었는지 여부를 조회한다.
      • ProgressEvent

        HTTP 요청(XMLHttpRequest 또는 <img>, <audio>, <video>,<style>, <link> 등의 기본 리소스)과 같은 기본 프로세스의 진행 현황을 측정하는 이벤트를 다루는 인터페이스이다.
        • Constructor

          생성자
          • ProgressEvent()

            지정된 매개 변수로 새로운 ProgressEvent 이벤트 생성한다.
        • Events

          • load

            XMLHttpRequest 트랜잭션이 성공적으로 완료되면 발생한다.
          • loadend

            성공과 실패에 관계없이 요청이 완료되면 발생한다.
          • loadstart

            요청시 데이터 로드를 시작하면 발생한다.
        • [[Prototype]]

          • Properties

      • StorageEvent

        접근 가능한 저장소가 다른 문서에서 변경될 경우 발생한다.
        • [[Prototype]]

          이벤트 객체로 부터 사용 가능한 멤버
          • Properties

            • key

              변경된 키를 나타낸다. clear() 메소드로 변경이 발생한 경우 키 값은 null 이다.
            • newValue

              키의 새로운 값이다. clear() 메소드에 의해 변경이 발생했거나 저장소에서 키가 제거된 경우에는 null을 갖는다.
            • oldValue

              키의 원래 값이다. 키가 새로 추가되어 이전 값이 없는 경우에는 null을 갖는다.
            • storageArea

              영향을 받은 Storage 객체를 참조한다.
            • url

              키가 변경된 문서의 URL을 조회한다.
      • SubmitEvent

        폼 전송 이벤트를 다루는 인터페이스이다.
      • TransitionEvent

        CSS 전이 효과와 관련된 이벤트를 다루는 객체이다.
        • Events

          • transitioncancel

            CSS 전이 효과가 취소되었을 때 발생한다.
          • transitionend

            CSS의 전이 효과가 완료되었을 때 발생한다.
          • transitionrun

            CSS 전이 효과 실행을 시작했을 때 발생한다. 지연 시간이 설정된 경우 포함해서 시작된 경우에 발생한다.
          • transitionstart

            CSS 전이 효과가 실제로 시작되었을 때 발생한다.(지연이 있는 경우 지연시간 이후 실행될 때)
      • UIEvent

        사용자 인터페이스에 관련된 이벤트를 다루는 객체이다.
        • Constructor

          마우스 이벤트 생성자
        • [[Prototype]]

          상속 가능한 객체
          • Properties

            상속 가능한 프로퍼티
        • Events

          UI 이벤트의 종류
          • abort

            리소스의 로딩이 중단되었을 때 발생한다.
          • load

            리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 발생한다.
          • resize

            웹브라우저 뷰포트의 크기가 변경될 때 발생한다.
          • scroll

            window(document.defaultView)나 요소가 스크롤 될 때 이벤트가 발생한다.
          • select

            일부 텍스트가 선택되면 발생한다.
        • Inherited

          UIEvent 객체가 상속하는 객체군
          • CompositionEvent

            사용자가 텍스트를 간접적으로 입력하기 때문에 발생하는 이벤트를 다루는 객체이다.
            • Events

              • compositionend

                입력 방법 편집기와 같은 텍스트 작성 시스템이 현재 작성 세션을 완료하거나 취소하면 발생한다.
              • compositionstart

                입력 방법 편집기와 같은 텍스트 작성 시스템이 새 작성 세션을 시작할 때 발생한다.
              • compositionupdate

                입력 방법 편집기와 같은 텍스트 작성 시스템에 의해 제어되는 텍스트 작성 세션의 컨텍스트에서 새 문자가 수신되면 발생한다.
          • FocusEvent

            focus, blur, focusin, focusout 관련 이벤트를 다루는 객체이다.
            • Events

              FocusEvent 오브젝트의 이벤트군
              • blur

                요소가 비활성 될 때 이벤트 발생한다.
              • focus

                요소가 포커스(focus)를 받을 때 발생한다.
              • focusin

                요소가 포커스(focus)를 받으려고 할 때 발생한다.
              • focusout

                요소가 포커스(focus)를 잃으려고 할 때 발생한다.
          • InputEvent

            입력과 관련된 이벤트 다루는 객체이다.
            • Events

              • input

                <input>, <select>, <textarea> 요소에 대한 입력 이벤트이다.
          • KeyboardEvent

            키보드 동작에 관여하는이벤트 객체이다.
            • Events

              • keydown

                키보드의 키를 누를 때 발생한다.
              • keypress

                Shift, Fn, CapsLock 키를 제외한 키가 눌린 상태일 때 연속적으로 발생한다.
              • keyup

                키보드의 키를 누르고 있다고 뗐을 때 발생한다.
          • MouseEvent

            마우스 이벤트를 다루는 객체이다.
            • Constructor

              마우스 이벤트 생성자
            • Events

              마우스 이벤트 종류
              • auxclick

                기본이 아닌 포인팅 장치 버튼(일반적으로 가장 왼쪽에 있는 기본 버튼 이외의 모든 마우스 버튼)을 눌렀다가 뗐을 때 발생한다.
              • click

                마우스 왼쪽 버튼을 눌렀다 뗐을 경우 발생한다.
              • contextmenu

                사용자가 컨텍스트 메뉴를 열려고 할 때 발생한다.
              • dblclick

              • mousedown

              • mouseenter

                입력장치의 포인터가 요소위로 이동했을 때 발생한다.
              • mouseleave

                입력 장치의 포인터가 요소에서 벗어 날때 발생한다.
              • mousemove

                마우스 움직임이 있을 때 이벤트가 발생한다.
              • mouseout

                입력 장치의 포인터가 요소를 벗어 날때 발생한다. mouseleave와 다른 점은 하위 요소 발생을 포함한다.
              • mouseover

                마우스 포인터가 대상과 겹칠 때 이벤트가 발생한다.
              • mouseup

            • Inherited

              MouseEvent를 상속하는 이벤트
              • DragEvent

                드래그 앤 드롭에 대한 상호작용을 다루는 객체이다.
                • Constructor

                  생성자
                • Events

                  • drag

                    사용자가 요소 또는 텍스트 선택을 드래그 할 때 100 밀리초(millisecond)마다 발생한다.
                  • dragend

                    드래그가 종료될 때 발생한다.
                  • dragenter

                    드래그한 요소 또는 텍스트 선택 항목이 유효한 드롭(drop) 대상에 들어가면 발생한다.
                  • dragleave

                    드래그한 요소 또는 텍스트 선택이 유효한 드롭 대상을 벗어나면 발생한다.
                  • dragover

                    요소 또는 텍스트 선택 항목이 유효한 드롭 대상 위로 드래그될 때 발생한다.
                  • dragstart

                    사용자가 요소 또는 텍스트 선택을 위한 드래그를 시작하면 발생한다.
                  • drop

                    요소 또는 텍스트 선택이 유효한 드롭 대상에 놓일 때 발생한다.
                • [[Prototype]]

                  • Properties

                    • dataTransfer

                      drag & drop 상호 작용 중에 전송되는 데이터를 조회한다.
              • PointerEvent

                포인트 접점의 지오메트리, 이벤트를 생성한 장치 유형, 접점 표면에 가해진 압력의 양 등과 같이 포인터에 의해 생성된 DOM 이벤트의 상태에 관한 인터페이스이다.
                • Constructor

                  생성자
                  • PointerEvent()

                    새로운 PointerEvent 객체의 인스턴스를 생성한다.
                • Events

                  • gotpointercapture

                    요소가 setPointerCapture() 메소드를 사용하여 포인터를 캡처하면 발생한다.
                  • lostpointercapture

                    캡처된 포인터가 해제될 때 발생한다.
                  • pointercancel

                    웹브라우저가 더이상 포인터 이벤트가 없을 가능성이 있다고 판단하거나 pointerdown 이벤트가 발생한 후 포인터를 사용하여 이동, 확대, 축소 또는 스크롤을 통해 뷰포트를 조작하는데 사용할 수 있다.
                  • pointerdown

                    포인터가 활성화되면 발생한다. 마우스의 경우 장치가 눌린 버튼이 없는 상태에서 하나 이상의 버튼이 눌려진 상태로 전환되면 발생한다. 터치의 경우 디지타이저와 물리적 접촉이 이루어지면 발생한다. 펜의 경우 스타일러스가 디지타이저와 물리적으로 접촉하면 발생한다.
                  • pointerenter

                    포인팅 장치가 hover를 지원하지 않는 장치의 pointerdown 이벤트의 결과를 포함하여 요소 또는 그 자손 중 하나의 적중 테스트 경계로 이동할 때 발생한다.
                  • pointerleave

                    포인팅 장치가 요소의 적중 테스트 경계를 벗어나면 발생한다. 펜 장치의 경우 스타일러스가 디지타이저에서 감지할 수 있는 hover 범위를 벗어날 때 발생한다.
                  • pointermove

                    포인터가 좌표를 변경하고 웹브라우저 터치 동작으로 취소되지 않은 경우 발생한다.
                  • pointerout

                    포인팅 장치가 요소의 적중 테스트 경계 밖으로 이동할 때 발생한다.
                  • pointerover

                    포인팅 장치가 요소의 적중 테스트 경계로 이동하면 발생한다.
                  • pointerup

                    포인터가 더 이상 활성화되지 않으면 발생한다.
                • [[Prototype]]

                  사용 가능한 프로퍼티와 메소드
                  • Methods

                    • getCoalescedEvents()

                      전달된 pointermove 이벤트로 통합된 모든 PointerEvent 인스턴스의 시퀀스를 반환한다.
                    • getPredictedEvents()

                      pointermove 이벤트의 병합된 이벤트를 따를 것으로 예상하는 PointerEvent 인스턴스의 시퀀스를 반환한다.
                  • Properties

                    • height

                      포인터의 접촉 지오메트리 높이(Y축의 CSS 픽셀)를 조회한다.
                    • isPrimary

                      포인터 유형의 기본 포인터를 나타내는지 여부를 조회한다.
                    • pointerId

                      포인터의 고유 식별자를 조회한다.
                    • pointerType

                      이벤트를 발생시킨 장치(마우스, 펜, 터치 등)의 유형을 조회한다.
                    • pressure

                      포인터 입력의 표준 압력 값인 0에서 1사이의 값을 조회한다. 0과 1은 하드웨어가 감지할 수 있는 최소 및 최대 압력을 의미한다.
                    • tangentialPressure

                      포인트 입력시 표준 접선 압력 값인 -1에서 1사이의 값을 조회한다. 0은 컨트롤의 중립 위치를 의미한다.
                    • tiltX

                      Y-Z 평면과 포인터 축과 Y 축을 모두 포함하는 평면 사이의 평면 각도(-90에서 90사이의 값)를 조회한다.
                    • tiltY

                      X-Z 평면과 포인터 축과 X축을 모두 포함하는 평면 사이의 평면 각도(-90에서 90사이의 값)를 조회한다.
                    • twist

                      주축을 중심으로 포인터를 시계 방향으로 회전하는 0에서 359 사이의 값을 조회한다.
                    • width

                      포인터의 접촉 지오메트리 너비(X축의 CSS 픽셀)를 조회한다.
              • WheelEvent

                마우스의 휠 또는 이와 유사한 입력 장치를 이용하는 경우의 이벤트를 다루는 객체이다.
                • constructor

                  휠 이벤트 생성자
                • Events

                  • wheel

                    포인팅 입력 장치에서 휠 버튼을 회전할 때 발생한다.
                • [[Prototype]]

                  • deltaX

                    가로로 스크롤되는 크기를 조회한다.
                  • deltaY

                    세로로 스크롤되는 크기를 조회한다.
            • [[Prototype]]

              상속 가능한 마우스 이벤트 객체 멤버
              • Properties

                • clientX

                  이벤트가 발생한 애플리케이션의 뷰포트 내에서 마우스 포인터의 수평 좌표를 조회한다.
                • clientY

                  이벤트가 발생한 애플리케이션의 뷰포트 내에서 마우스 포인터의 수직 좌표를 조회한다.
                • movementX

                  현재 이벤트와 이전 이벤트간에 마우스 포인터의 수평 좌표 차이를 조회한다.
                • movementY

                  현재 이벤트와 이전 이벤트간에 마우스 포인터의 수직 좌표 차이를 조회한다.
                • offsetX

                  이벤트가 발생한 요소를 기준으로 여백 가장자리 내부에서의 마우스 포인터의 수평 좌표를 조회한다.
                • offsetY

                  이벤트가 발생한 요소를 기준으로 여백 가장자리 내부에서의 마우스 포인터의 수직 좌표를 조회한다.
                • pageX

                  이벤트가 발생시 문서의 왼쪽 상단을 기준으로 마우스 포인터의 수평 좌표값을 픽셀로 조회한다.
                • pageY

                  이벤트가 발생시 문서의 왼쪽 상단을 기준으로 마우스 포인터의 수직 좌표값을 픽셀로 조회한다.
                • screenX

                  화면 기준으로 마우스 포인터의 수평 좌표값을 조회한다.
                • screenY

                  화면 기준으로 마우스 포인터의 수직 좌표값을 조회한다.
          • TouchEvent

            터치 기반의 입력 방식의 디바이스에서 터치 이벤트를 다룬다. 손가락이 터치패드에 닿기 시작하면서 시작한다. 터치 입력 방식은 여러 손가락을 동시에 여러 지점에 터치할 수 있다는 것을 빼고는 마우스 입력 장치 기반의 mousedown, mouseup과 비슷하다고 할 수 있다.
            • Constructor

              생성자 함수를 지원하며 new 연산자를 이용하여 새로운 터치 이벤트 객체를 생성한다.
            • Events

              터치 기반의 입력 방식에서는 다음의 이벤트 타입이 있다.
              • touchcancel

                하나 이상의 터치 포인트가 구현 별 방식으로 중단된 경우 발생한다.
              • touchend

                터치를 끝낼 때 발생한다.
              • touchmove

                하나 이상의 터치 포인트가 터치 표면을 따라 이동할 때 발생한다.
              • touchstart

                하나 이상의 터치 포인트가 터치 표면에 닿을 때 발생한다.
            • [[Prototype]]

              • Properties

                • altkey

                  터치 이벤트가 생성될 때 alt 키의 활성화 여부를 나타낸다. alt 키가 활성되면 true, 그렇지 않으면 false 이다.
  • EventTarget

    Event를 받고 Event Listener을 가질 수 있는 객체로 구현된 인터페이스이며 Object 객체를 상속한 DOM에서 가장 상위 객체라고 할 수 있다.
    • Constructor

      생성자 함수를 이용하여 EventTarget 객체 인스턴스를 생성한다.
      • EventTarget()

        새로운 EventTarget 객체 인스턴스를 생성한다.
    • Inherited

      EventTarget 객체를 상속하는 객체군
      • MediaQueryList

        미디어쿼리에 의해 테스트된 데이터를 가지고 있는 객체
        • Constructor

          생성자 함수에 의해서 직접 생성을 할 수 없고 Window 객체의 matches() 메소드에 의해 반환된다.
        • [[Prototype]]

          상속 가능한 프로퍼티와 메소드를 가지고 있는 원형 객체
          • Events

            • onchange

              폼 요소의 설정 값이 변경되면 발생한다.
          • Methods

            • addListener()

              미디어 쿼리 상태 변경에 대한 응답으로 사용자 정의 콜백 함수를 리스너에 추가한다. EventTarget 객체의 addEventListener() 별칭으로 사용하며 MediaQueryList는 최신 웹브라우저의 EventTarget에서만 상속하므로 이전 웹브라우저는 addEventListener() 대신에 addListener()을 사용해야 한다.
            • removeListener()

              등록된 리스너를 제거한다.
          • Properties

            프로퍼티
            • matches

              문서가 현재 미디어쿼리와 일치하면 true, 그렇지 않으면 false를 가지고 있다.
            • media

              직렬화된 미디어 쿼리를 조회한다.
      • Node

        Node 객체는 여러 DOM 타입들을 상속하는 인터페이스이다.
        • Constants

          상수
          • ATTRIBUTE_NODE

            속성을 의미하며 값은 2를 가지고 있다. DOM Level 4에서는 더 이상 사용되지 않는다.
          • CDATA_SECTION_NODE

            <!CDATA[[..]]>와 같은 CDATASection의 의미하며 값은 4를 가지고 있다.
          • COMMENT_NODE

            주석을 의미하며 값은 8을 가지고 있다.
          • DOCUMENT_FRAGMENT_NODE

            DocumentFragment 노드를 의미하며 값은 11을 가지고 있다.
          • DOCUMENT_NODE

            Document 노드를 의미하며 값은 9를 가지고 있다.
          • DOCUMENT_TYPE_NODE

            <!DOCTYPE html>를 의미하며 값은 10을 가지고 있다.
          • ELEMENT_NODE

            태그명을 갖는 노드이며 값은 1을 가지고 있다.
          • PROCESSING_INSTRUCTION_NODE

            <?xml-stylesheet ..?>와 같은 XML 문서의 ProcessingInstruction을 의미하며 값은 7을 가지고 있다.
          • TEXT_NODE

            요소 또는 속성 내에 존재하는 텍스트를 의미하며 값은 3을 가지고 있다.
        • Constructor

          Node 객체를 생성하는 생성자이다.
        • Inherited

          Node 객체가 상속하는 객체 군
          • Attr

            요소의 속성을 다루는 객체이다.
            • Constructor

              Attr 객체를 생성하는 생성자 함수는 없으며 document.createAttribute() 메소드를 이용하여 생성할 수 있다.
            • [[Prototype]]

              • Properties

                프로퍼티
                • value

                  속성의 값을 조회한다.
                • localName

                  속성의 정규화된 이름의 로컬 부분을 나타내는 DOMString 이다.
                • name

                  속성의 이름을 읽기 전용으로 조회한다.
                • namespaceURI

                  속성의 네임스페이스 URI를 갖는 DOMString이다. 없는 경우 null을 갖는다.
                • ownerElement

                  속성을 가지고 있는 요소를 참조한다.
                • prefix

                  속성의 네임스페이스 접두어를 나타내는 DOMString 이다. 접두사가 지정되지 않았을 경우에는 null을 갖는다.
                • specified

                  이 속성은 항상 true를 반환한다. 원래 속성이 소스 코드나 스크립트에서 명시적으로 지정된 경우 true가 조회되고 해당 값이 문서의 DTD에서 정의된 기본 속성에서 온 경우에는 false를 반환했다.
          • CharacterData

            문자가 포함된 노드 객체를 다루는 추상적인 객체이다.
            • Inherited

              CharacterData를 상속하는 인터페이스
              • Text

                텍스트를 생성하고 다루는 인터페이스이다.
                • Constructor

                  생성자
                  • Text()

                    선택 사항인 인수로 주어진 문자열을 이용하여 Text 객체를 반환한다.
                • [[Prototype]]

                  상속 가능한 객체 원형
                  • Methods

                    • splitText()

                      지정된 오프셋에서 Text 노드를 두 개의 노드로 나누고 트리의 두 노드를 형제로 유지한다.
                  • Properties

                    • assignedSlot

                      요소와 관련된 HTMLSlotElement 객체를 참조한다.
                    • wholeText

                      노드에 논리적으로 인접한 모든 Text 노드의 전체 텍스트를 조회한다. 텍스트는 문서 순서대로 연결된다. 이를 통해 모든 텍스트 노드를 지정하고 인접한 모든 텍스트를 단일 문자열로 얻을 수 있다.
            • [[Prototype]]

              상속 가능한 객체 원형
              • Methods

                상속 가능한 메소드
                • appendData()

                  인수로 주어진 DOMString을 data에 포함시킨다.
                • deleteData()

                  첫번째 인수로 지정된 오프셋에서 시작하여 두번째 인수로 지정된 길이까지의 문자열을 제거한다.
                • insertData()

                  인수로 지정된 오프셋에 지정된 문자열을 data에 삽입한다.
                • replaceData()

                  지정된 오프셋에서 시작하여 지정된 양의 문자를 지정된 DOMString으로 대체한다.
                • substringData()

                  인수로 지정된 길이의 data에 포함하는 DOMString을 반환한다.
              • Properties

                상속 가능한 프로퍼티
          • Document

            창이 열릴 때 해석되어지는 문서를 다루는 객체이다. 웹 페이지 콘텐츠의 진입점 역할을 수행한다.  
            • Constructor

              창이 열릴 때 마다 웹 문서에 대한 진입점 역할을 하는 인스턴스가 자동으로 만들어지며 window 전역 객체의 document 프로퍼티로 참조된다.
              • Document()

                웹브라우저에 로드되고 웹 페이지 콘텐츠의 진입점으로써 제공되는 새로운 Document 객체를 생성한다.
            • Inherited

              Document를 상속받는 객체
              • HTMLDocument

                DOM의 추상 인터페이스
              • XMLDocument

                XML 문서를 나타낸다. 특정 메소드나 프로퍼티를 추가하지 않는다.
            • [[Prototype]]

              상속 가능한 멤버이며 window 객체의 document 프로퍼티에 참조되는 방식으로 상속되어 사용된다.
              • EventHandlers

              • Methods

                상속 가능한 메소드
                • createAttribute()

                  새로운 Attr 객체를 생성한다.
                • createElement()

                  매개 변수로 지정된 태그 명으로 새로운 Element 객체를 생성한다.
                • ExtensionsForHTMLDocument

                  확장 메소드
                  • write()

                    현재 문서에 텍스트를 추가한다.
                • getElementById()

                  id 속성 값을 이용해서 엘리먼트 객체를 찾아 반환한다.
                • getElementsByClassName()

                  class 속성 값을 대상으로 엘리먼트 객체를 찾아 HTMLCollection으로 반환한다.
                • getElementsByName()

                  문서내 태그의 name 속성 값을 사용하여 요소를 찾아 HTMLCollection으로 반환한다.
                • getSelection()

                  사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.
              • Properties

                상속 가능한 프로퍼티
                • all

                  문서내 모든 요소들을 HTMLCollection으로 참조할 수 있다.
                • body

                  현재 문서의 body 노드 객체를 참조한다.
                • characterSet

                  현재 문서의 인코딩 방식을 가지고 있다.
                • childElementCount

                  하위 요소의 개수를 가지고 있다.
                • compatMode

                  문서가 Quirks 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.
                • contentType

                  문서의 MIME 유형을 확인할 수 있다.
                • cookie

                  현재 문서와 관련된 쿠키를 조회하거나 설정한다.
                • currentScript

                  현재 처리중이며 자바스크립트 모듈이 아닌 <script> 요소를 가지고 있다.
                • defaultView

                  문서에 연결된 window 객체를 참조한다.
                • designMode

                  전체 문서를 편집할 수 있는지 여부를 제어한다.
                • dir

                  문서의 텍스트 방향성을 나타내는 DOMString을 가지고 있다.
                • doctype

                  현재 문서와 연관된 DTD(Document Type Precent)를 가지고 있다.
                • documentElement

                  문서의 루트 요소를 참조한다.
                • documentURI

                  문서의 위치를 문자열로 조회할 수 있다.
                • domain

                  현재 문서의 도메인을 조회한다.
                • embeds

                  현재 문서에 포함된 <object>요소 목록을 HTMLCollection으로 참조한다.
                • fonts

                  현재 문서의 FontFaceSet 인터페이스를 참조한다.
                • forms

                  문서내의 <form> 요소를 HTMLCollection으로 참조한다.
                • head

                  문서내의 <head> 요소를 참조한다.
                • images

                  문서내의 <img> 요소를 HTMLCollection으로 반환한다.
                • implementation

                  현재 문서와 연결된 DOMImplementation 객체를 참조한다.
          • DocumentFragment

            최소한의 Document 객체
          • Element

            Element 객체
            • Constructor

              새로운 Element 객체를 생성한다.
            • Inherited

              Element 객체가 상속하는 객체 군
              • HTMLElement

                기본적으로 생성되는 document 의 생성자를 역할을 하는 인터페이스이다.
                • Constructor

                  생성자
                  • HTMLElement()

                    생성자 함수이지만 직접 생성할 수 없다.
                • Inherited

                  HTMLElement 객체가 상속하는 객체군
                  • HTMLAnchorElement

                    하이퍼링크 요소를 다루며 이러한 기능을 위한 특별한 속성과 메소드를 제공하는 객체이다.
                  • HTMLAreaElement

                    area 요소를 다루는 객체이다.
                  • HTMLBaseElement

                    문서의 기본 URI가 포함되어 있다.
                  • HTMLBodyElement

                    body 요소를 다루는 객체
                  • HTMLBRElement

                    br 요소를 다루는 객체
                  • HTMLButtonElement

                    button 요소를 다루는 객체
                    • [[Prototype]]

                      • Properties

                        • labels

                          button 요소와 연결된 label 요소의 NodeList를 조회할 수 있다.
                  • HTMLCanvasElement

                    <canvas> 요소를 다루는 객체
                    • [[Prototype]]

                      • Methods

                        • captureStream()

                          <canvas>상의 화면을 실시간 비디오로 캡처할 수 있는 CanvasCaptureMediaStream 객체를 참조한다.
                        • getContext()

                          <canvas>상의 드로잉 컨텍스트를 조회한다.
                        • toBlob()

                          <canvas>가 포함하고 있는 이미지를 나타내는 Blob 객체를 생성한다. 이 파일은 사용자의 웹브라우저에 따라 디스크나 메모리에 캐싱되거나 저장될 수 있다.
                        • toDataURL()

                          type 매개변수에서 지정하고 있는 포맷(기본: png)의 이미지를 나타내는 data-URL을 반환한다. 반환된 이미지는 96dpi의 해상도를 갖는다.
                      • Properties

                        • height

                          HTML height attribute의 값을 반영하는 속성으로 CSS의 픽셀 값으로 해석되어진다.
                        • width

                          HTML width attribute의 값을 반영하는 속성으로 CSS의 픽셀 값으로 해석되어진다.
                  • HTMLDialogElement

                    <dialog> 태그에 의해서 생성된 대화 상자를 다룬다.
                    • Constructor

                      생성자 함수에 의해서 생성되지 않고 <dialog> 태그를 작성하거나 document.createElement() 메소드로 생성한다.
                    • [[Prototype]]

                      • Events

                        • oncancel

                          dialog 요소가 닫힐 때 발생한다.
                        • onclose

                          대화 상자가 닫히면 HTMLDialgElement에서 발생한다.
                      • Properties

                        • open

                          대화 상자를 상호 작용에 사용할 수 있는지 여부를 나타내는 속성이다.
                        • returnValue

                          대화 상자의 반환 값을 설정하거나 조회한다.
                      • Methods

                        • close()

                          대화 상자를 닫는다. 선택적으로 DOMString이 인수로 전달되어 대화 상자의 returnValue를 업데이트할 수 있다.
                        • show()

                          대화 상자 외부의 콘텐츠와 직접적으로 상호 작용이 가능한 대화 상자를 연다.
                        • showModal()

                          대화 상자 외부의 콘텐츠와 직접적인 상호 작용이 차단된 대화 상자를 연다.
                  • HTMLDivElement

                    div 요소를 다루는 객체
                  • HTMLDListElement

                    dl 요소를 다루는 객체
                  • HTMLFormElement

                  • HTMLHeadingElement

                    헤딩 요소를 다루는 객체
                  • HTMLImageElement

                    img 요소에 대한 동적 처리를 위한 생성자 및 상속한 가능한 멤버들을 제공하는 객체이다.
                  • HTMLInputElement

                    • Constructor

                      객체 생성은 일반적인 new 연산자나 리터럴이 있지 않고 별도의 생성 방식을 갖는다.
                    • [[Prototype]]

                      • Events

                        • onchange

                          폼 요소의 설정 값이 변경되면 발생한다.
                      • Properties

                  • HTMLLIElement

                  • HTMLLinkElement

                    외부 리소스에 대한 참조 정보와 해당 리소스와 문서간의 관계를 나타낸다. <a>가 아닌 <link> 요소에 해당하므로 주의한다.
                    • Constructor

                      HTMLLinkElement는 웹브라우저에 의해 초기 렌더링시 생성되거나 document.createElement() 메소드를 이용하여 생성할 수 있다.
                    • [[Prototype]]

                      • Properties

                        • sheet

                          주어진 요소과 관련된 CSSStyleSheet 객체를 참조하거나 없는 경우 null을 갖는다.
                  • HTMLMediaElement

                    미디어 요소를 다루는 객체
                    • Constructor

                      생성자
                    • [[Prototype]]

                      • Events

                        이벤트
                        • oncanplay

                          재생 가능한 미디어 데이터가 확보된 경우에 발생한다. 웹브라우저는 미디어 데이터가 완전하게 로드되지 않더라도 재생 가능한 상태라면 추가 버퍼링을 병행하면서 재생을 시작한다.
                        • oncanplaythrough

                          readyState가 HAVE_ENOUGH_DATA로 변경될 때 발생한다. 다운로드 속도가 현재 수준 이상이라고 가정하고 전체 미디어를 중단없이 재생할 수 있음을 나타낸다.
                        • ondurationchange

                          duration 속성이 업데이트되면 발생한다.
                        • onemptied

                          미디어가 비워지면 발생한다.
                        • onended

                          미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다. 이 이벤트는 미디어 재생이 미디어 끝에 도달할 때 종료된 HTMLMediaElement(<audio>, <video>) 실행 을 기반으로 발생한다.
                        • onloadeddata

                          미디어의 현재 재생 위치에 있는 프레임이 로드를 완료하면 발생한다.
                        • onloadedmetadata

                          메타 데이터가 로드되면 발생한다.
                        • onpause

                          재생이 일시 중지될 때 발생한다. 일반적으로 pause() 메소드로 호출되고 미디어가 일시 정지 된 후에 발생한다.
                        • onplay

                          play() 메소드 또는 autoplay 속성의 결과로 paused 속성이 true에서 false로 변경되면 발생한다.
                        • onplaying

                          <audio>, <video> 요소에서 버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.
                        • onseeked

                          사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 완료할 때 발생한다.
                        • onseeking

                          사용자가 미디어 재생시 타임라인에서 재생 위치를 이동하거나 건너뛰기를 할 때 발생한다.
                        • ontimeupdate

                          재생 위치가 변경되었을 때 발생한다.
                        • onvolumechange

                          미디어의 볼륨이 변경되었을 때 발생한다.
                        • onwaiting

                          일시적인 데이터 부족으로 인해 재생이 중지되면 발생한다.
                      • Methods

                        • addTextTrack()

                          미디어 요소에 본문 트랙(자막 등)을 추가한다.
                        • canPlayType()

                          현재 지정된 미디어 타입을 재생할 수 있는지 확인한다.
                        • captureStream()

                          미디어 콘텐츠의 스트림을 캡처하여 MediaStream 객체로 참조한다.
                        • fastSeek()

                          지정된 시간으로 바로 이동한다.
                        • load()

                          미디어를 처음으로 초기화하고 src Attribute 또는 요소로 전달된 리소스중 최적의 리소소를 선택한다.
                        • pause()

                          미디어 재생을 일시 정지한다.
                        • play()

                          미디어를 재생한다.
                        • seekToNextFrame()

                          다음 프레임으로 이동한다.
                        • setMediaKeys()

                          미디어 복호화에 필요한 키를 지정한다.
                        • setSinkId()

                          오디오를 출력할 장치의 ID를 지정한다.
                      • Properties

                        • audioTracks

                          요소에 포함된 AudioTrack 객체를 나열하는 AudioTrackList를 참조한다.
                        • autoplay

                          자동 재생 여부에 대한 HTML 속성을 반영하는 Boolean 값을 갖는 속성이다.
                        • buffered

                          버퍼링된 속성에 액세스 할 때 웹브라우저가 버퍼링한 미디어 소스의 범위(있는 경우)를 나타내는 TimeRanges 객체를 참조한다.
                        • controller

                          요소에 할당된 미디어 컨트롤러를 나타내는 MediaController 객체를 참조하거나 할당되지 않으면 null을 갖는다.
                        • controls

                          리소스를 제어하기 위한 사용자 인터페이스 항목의 표시 여부를 나타내는 controls HTML 속성을 반영하는 Boolean 값을 갖는다.
                        • controlsList

                          User-agent가 자체 컨트롤 세트를 표시할 때 마다 User-agent가 미디어 요소에 표시할 컨트롤을 선택하는데 도움이 되는 DOMTokenList를 참조한다.
                        • crossOrigin

                          미디어 요소의 CORS 설정을 나타내는 DOMString을 조회한다.
                        • currentSrc

                          현재 미디어 리소스의 절대 URL을 DOMString으로 조회한다.
                        • currentTime

                          현재 미디어의 재생 시간을 초 단위로 나타내는 배정밀도 부동 소숫점 값으로 조회하거나 설정한다.
                        • defaultMuted

                          미디어 요소의 음소거 여부를 설정하는 muted HTML 속성을 Boolean으로 조회하거나 설정한다.
                        • defaultPlaybackRate

                          미디어의 기본 재생 속도를 나타내는 DOUBLE 값을 가진다.
                        • disableRemotePlayback

                          미디오 요소에 원격 재생 UI가 허용되는지 여부를 나타내는 원격 재생 상태를 Boolean으로 설정하거나 조회한다.
                        • duration

                          미디어의 총 재생 시간을 초 단위의 배정밀도 부동 소수로 조회한다.
                        • ended

                          미디어 요소의 재생이 완료되었는지 여부를 나타내는 Boolean 값을 조회한다.
                        • error

                          가장 최근의 오류에 대한 MediaError 객체를 참조한다. 없다면 null을 갖는다.
                        • loop

                          미디어 요소의 재생이 완료되면 다시 재생할지의 여부를 나타내는 loop HTML 속성을 Boolean으로 반영한다.
                        • mediaGroup

                          mediaGroup HTML 속성을 반영하는 DOMString으로 이 속성이 속한 요소 그룹의 이름을 나타낸다.
                        • muted

                          오디오 음소거를 결정하는 Boolean 값을 조회하거나 설정한다. 음소거이면 true, 그렇지 않으면 false 값을 갖는다.
                        • networkState

                          네트워크를 통해서 미디어를 가져오는 현재 상태를 나타내는 부호없는 short(열거)를 조회한다.
                        • paused

                          미디어의 일시 정지 여부를 Boolean 값으로 조회한다.
                        • playbackRate

                          재생 속도를 double 값으로 조회한다.
                        • played

                          웹브라우저에서 재생된 미디어 소스 범위를 포함한 TimeRanges 객체를 참조한다.
                        • preload

                          미리 로드할 데이터 타입을 명시하는 preload Attribute를 DOMString 값으로 조회한다.
                        • readyState

                          미디어 대기 상태를 unsigned short 타입의 값으로 조회한다.
                        • seekable

                          탐색 가능한 범위를 포함한 TimeRanges 객체를 참조한다.
                        • seeking

                          탐색 중 여부를 Boolean 값으로 조회한다.
                        • sinkId

                          별도의 오디오 재생 장치로 출력중이라면 장치의 식별 ID를 DOMString으로 조회한다.
                        • src

                          미디어 리소스 URL이 포함된 src Attribute를 DOMString 타입의 값으로 조회한다.
                        • srcObject

                          현재 HTMLMediaElement 객체에서 재생중이거나 재생되었던 미디어를 참조하는 MediaStream 객체를 참조한다.
                        • textTracks

                          TextTrack 리스트를 조회한다.
                        • videoTracks

                          VideoTracks 리스트를 조회한다.
                        • volume

                          오디오 볼륨을 double 값으로 조회한다. 0.0(무음)에서 1.0(최대) 사이의 값을 가진다.
                    • Inherited

                      HTMLMediaElement 객체를 상속하는 객체를 참조
                      • HTMLAudioElement

                        audio 요소를 다루는 객체
                        • Constructor

                          생성자
                          • Audio()

                            인수로 지정된 미디어를 이용해서 HTMLAudioElement를 생성한다.
                      • HTMLVideoElement

                        • Constructor

                          생성자
                        • [[Prototype]]

                          • Properties

                            • height

                              height attribute의 값을 DOMString으로 조회한다.
                            • poster

                              비디오가 없을 때 보여줄 대표 이미지를 지정하는 poster attribute 값을 DOMString으로 조회한다.
                            • videoHeight

                              비디오의 높이를 조회한다. 비디오가 없는 경우 0을 갖는다.
                            • videoWidth

                              비디오의 폭을 조회한다. 비디오가 없는 경우 0을 갖는다.
                            • width

                              width attribute의 값을 DOMString으로 조회한다.
                  • HTMLObjectElement

                    • [[Prototype]]

                      • Methods

                        • checkValidity()

                          object 객체들은 제약 조건 유효성 검사의 대상이 아니므로 항상 true를 반환한다.
                        • setCustomValidity()

                          요소에 대한 사용자 정의 유효성 메시지를 정의한다. 이 메시지가 빈 문자열이 아닌 경우 요소에 사용자 정의 유효성 오류가 발생하여 유효성이 검사되지 않는다.
                      • Properties

                        • contentDocument

                          object 요소의 중첩된 브라우징 컨텍스트(존재하는 경우)의 활성 문서를 나타내는 Document 객체를 참조한다. 없다면 null을 가진다.
                        • contentWindow

                          object 요소의 중첩된 브라우징 컨텍스트(존재하는 경우)의 window proxy를 나타내는 WindowProxy 객체를 참조한다. 없다면 null을 갖는다.
                        • data

                          리소스의 주소를 DOMString으로 지정하거나 조회한다.
                        • form

                          object 요소의 폼 소유자를 나타내는 HTMLFormElement를 참조한다. 없다면 null을 갖는다.
                        • height

                          리소스의 높이를 지정하거나 height HTML 속성을 반영하는 DOMString을 조회한다.
                        • name

                          브라우징 컨텍스트의 이름을 지정하여 name HTML 속성을 반영하는 DOMString을 조회한다.
                        • tabindex

                          현재 문서의 탭 탐색 순서에서 요소의 위치를 나타낸다.
                        • type

                          리소스의 MIME 유형을 DOMString으로 지정하거나 조회한다.
                        • typeMustMatch

                          data에 의해 지정된 리소스가 type 속성과 일치하는 경우에만 재생되어야 하는지의 여부를 조회한다.
                        • useMap

                          useMap HTML 속성을 반영하는 DOMString으로 사용할 요소를 지정한다.
                        • validationMessage

                          컨트롤이 충족하지 않은 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 나타내는 DOMString 조회한다.
                        • validity

                          유효 상태를 가지는 ValidityState를 참조한다.
                        • width

                          리소스의 폭을 지정하거나 width HTML 속성을 반영하는 DOMString을 조회한다.
                        • willValidate

                          제약 조건 유효성 검사의 대상인지의 여부를 Boolean로 조회된다.
                  • HTMLOListElement

                  • HTMLSelectElement

                  • HTMLSlotElement

                    slot 엘리먼트 객체
                  • HTMLSpanElement

                  • HTMLStyleElement

                    요소를 나타내는 객체이다. <style> 요소를 나타낸다.
                    • Constructor

                      HTMLStyleElement는 웹브라우저에 의해 초기 렌더링시 생성되거나 document.createElement() 메소드를 이용하여 생성할 수 있다.
                    • [[Prototype]]

                      • Properties

                        • sheet

                          주어진 요소과 관련된 CSSStyleSheet 객체를 참조하거나 없는 경우 null을 갖는다.
                  • HTMLTemplateElement

                    template 엘린먼트 객체
                  • HTMLUListElement

                    • Constructor

                      별도의 생성자 함수는 없고 document 객체의 createElement() 메소드에 의해서 생성된다.
                • [[Prototype]]

                  상속되는 프로퍼티와 메소드
                  • Events

                    • onanimationcancel

                      CSS 애니메이션이 예기치 않게 중단되면 발생한다.
                    • onanimationend

                      CSS 애니메이션이 완료되면 발생한다.
                    • onanimationiteration

                      CSS 애니메이션의 반복이 끝나고 다른 것이 시작되면 발생한다.
                    • onblur

                      요소가 비활성 될 때 이벤트 발생한다.
                  • Methods

                    메소드
                    • click()

                      요소에 대한 마우스 클릭을 동작한다.
                    • focus()

                      요소를 활성시킨다.
                  • Properties

                    프로퍼티
                    • accessKey

                      사용자가 눌러 주어진 요소로 이동할 수 있는 키 입력 세트이다.
                    • accessKeyLabel

                      요소에 할당된 접근 키를 포함하는 DOMString을 조회한다.
                    • contentEditable

                      요소의 콘텐츠가 수정 가능한지 여부를 나타내는 Boolean 값을 조회한다.
                    • contextMenu

                      요소와 관련된 콘텍스트 메뉴를 조회하는 HTMLMenuElement 객체를 참조한다.
                    • dataset

                      data-* 으로 시작하는 사용자 정의 attribute 값을 조회할 수 있다.
                    • dir

                      요소의 방향성을 표현하는 전역 속성 dir 값을 갖는 DOMString 객체를 참조 한다.
                    • draggable

                      요소가 드래그 가능한지의 여부를 Boolen 값으로 조회한다.
                    • dropzone

                      dropzone 전역 속성 값을 가지며 drop 작업에 대한 동작을 설명하는 DOMSettableTokenList 객체를 참조한다.
                    • hidden

                      요소가 숨김 상태인지를 boolean 값으로 조회한다.
                    • inert

                      요소에 대한 사용자 입력 이벤트를 무시하고 페이지 검색 및 텍스트 선택을 무시할 수도 있는지 여부를 Boolen으로 갖는다.
                    • innerText

                      요소 및 하위 요소의 텍스트 콘텐츠를 조회하거나 설정한다.
                    • isContentEditable

                      수정 가능한 콘텐츠인지 여부를 Boolean 값으로 가지는 속성이다.
                    • itemId

                      항목 ID를 DOMString으로 참조한다.
                    • itemScope

                      항목 스코프를 나타내는 Boolean 이다.
                    • itemType

                      DOMSettableTokenList를 참조한다.
                    • offsetHeight

                      요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 속성이다.
                    • offsetLeft

                      상대적으로 위치한 가장 가까운 상위 요소(offsetParent)를 기준으로 지정 요소의 좌측 상단 모서리까지 상대적 좌측 거리(픽셀)를 가지고 있는 읽기 전용 속성이다.
                    • offsetParent

                      가장 가까운 상대적 기준 상위 요소를 참조한다.
                    • offsetTop

                      상대적으로 위치한 가장 가까운 상위 요소를 기준으로 지정 요소의 상대적 상단 거리(픽셀)를 가지고 있는 읽기 전용 속성이다.
                    • offsetWidth

                      요소의 레이아웃 가로 크기를 정수로 조회하는 읽기 전용 속성이다.
                    • style

                      CSSStyleDeclaration 객체를 참조하며 인라인 스타일을 가지고 있거나 설정할 수 있다.
              • SVGElement

                모든 SVG DOM 인터페이스의 상위 객체이다.
                • Inherited

                  SVGElement 객체를 상속하는 객체
                • [[Prototype]]

                  • Events

                    이벤트
                    • onabort

                      리소스가 완전히 로드되지 않았을 때 발생한다. 오류의 결과는 아니다.
                    • onerror

                      리소스 로드에 실패했거나 사용할 수 없는 경우 Element 객체에서 발생한다. 예를 들어서 스크립트에 실행 오류가 있거나 이미지를 찾을 수 없는 경우 그리고 유효하지 않는 리소스일 경우이다.
                    • onload

                      리소스와 그것에 의존하는 리소스들의 로딩이 완료되면 발생한다.
                    • onresize

                      웹브라우저 뷰포트의 크기가 변경될 때 발생한다.
                  • Properties

                    • dataset

                      사용자 정의 데이터 속성을 키와 값 세트를 제공하는 DOMStringMap 객체를 참조할 수 있다.
                    • ownerSVGElement

                      가장 가까운 조상 <svg> 요소를 SVGSVGElement 객체로 참조한다.
                    • viewportElement

                      현재 뷰포트를 설정한 SVGElement를 참조한다.
            • [[Prototype]]

              상속 가능한 멤버를 가지고 있는 객체
              • Events

                요소와 관련된 이벤트 핸들러이며 별도의 인터페이스는 존재하지 않는다.
                • onfullscreenchange

                  요소가 전체 화면 모드로 전환되거나 해제될 때 시작되는 이벤트
                • onfullscreenerror

                  전체 화면 모드로 전환하거나 외부에서 전환하려고 시도하는 동안 오류가 발생하면 요소로 전송되는 이벤트이다.
              • Methods

                메소드
                • after()

                  Node 또는 DOMString 객체의 집합을 뒤쪽 형제 노드로 추가한다. DOMString 객체는 Text 노드와 동일하게 삽입된다.
                • animate()

                  요소에게 인수에 정의된 값에 따라 애니메이션을 구현하며 애니메이션을 제어할 수 있는 Animation 객체를 반환한다.
                • append()

                  요소의 마지막 자식 노드 다음에 Node 객체 또는 DOMString 객체를 삽입한다.
                • attachShadow()

                  요소에 shadow DOM 트리를 연결하고 ShadowRoot에 대한 참조를 반환한다.
                • before()

                  Node 또는 DOMString 객체의 집합을 앞쪽 형제 노드로 추가한다.  DOMString 객체는 Text 노드와 동일하게 삽입된다.
                • closest()

                  인수로 지정된 선택자 문자열과 일치하는 노드를 찾을 때까지 요소의 상위(문서의 루트까지)를 탐색한다. 자신 또는 일치하는 조상 요소를 반환한다. 찾는게 없다면 null을 반환한다.
                • computedStyleMap()

                  CSSStyleDeclaration의 대안인 CSS 선언 블록의 읽기 전용 표현을 제공하는 StylePropertyMapReadOnly 인터페이스를 반환한다.
                • getAnimations()

                  요소에 영향을 주거나 향후에 예정되어 있는 모든 Animation 객체의 배열을 반환한다.
                • getAttribute()

                  요소의 속성 값을 반환한다.
                • getAttributeNames()

                  요소의 모든 속성 이름을 문자열 배열로 반환한다.
                • getAttributeNode()

                  요소의 지정된 속성을 Attr노드 객체로 반환한다.
                • getAttributeNodeNS()

                  인수로 지정된 네임스페이스와 같은 이름을 가진 Attr 노드를 반환한다.
                • getAttributeNS()

                  인수로 지정된 네임스페이스 및 이름을 가진 속성의 문자열 값을 반환한다.
                • getBoundingClientRect()

                  뷰포트를 기준으로 요소의 크기와 위치를 반환한다.
                • getClientRects()

                  CSS 테두리 상자에 대한 경계 사각형을 나타내는 DOMRect 객체의 컬렉션을 반환한다.
                • getElementsByClassName()

                  인수로 지정된 class 이름을 가진 모든 하위 요소를 포함하는 라이브 상태의 HTMLCollection을 반환한다.
                • getElementsByTagName()

                  인수로 지정된 태그 이름을 가진 자신을 제외한 모든 하위 요소를 포함하는 라이브 상태의 HTMLCollection을 반환한다.
                • getElementsByTagNameNS()

                  인수로 지정된 네임스페이스에 속하는 태그 이름을 가진 요소들을 NodeList 타입으로 반환한다.
                • hasAttribute()

                  인수로 지정된 속성의 존재 여부를 boolean 반환한다.
                • hasAttributeNS()

                  네임스페이스를 갖는 요소에 지정된 속성이 있는지를 boolean 값으로 반환한다.
                • hasAttributes()

                  요소에 속성이 있는지 여부를 boolean 값으로 반환한다.
                • hasPointerCapture()

                  호출된 요소에 지정된 포인터 ID로 식별된 포인터에 대한 캡처(Capture)가 있는지 여부를 Boolean 값으로 반환한다.
                • insertAdjacentElement()

                  요소에 지정된 위치에 지정된 요소 노드를 삽입한다.
                • insertAdjacentHTML()

                  인수로 지정된 문자열을 HTML 또는 XML로 구문을 분석하고 그 결과의 노드를 지정된 위치의 DOM 트리에 삽입한다.
                • insertAdjacentText()

                  요소에게 지정된 위치에 지정된 텍스트 노드를 삽입한다.
                • matches()

                  인수로 지정된 선택자 문자열에 의해 요소가 선택되는지 확인한다. 즉 요소가 선택자인지를 확인한다.
                • prepend()

                  요소의 첫 번째 자식 노드 직전에 Node 객체 또는 DOMString 객체를 삽입한다.
                • querySelector()

                  인수로 지정된 CSS선택자 패턴을 갖는 요소를 찾아 첫번째로 일치하는 요소을 반환한다.
                • querySelectorAll()

                  부모 노드를 기준으로 하위 요소 중 인수로 지정된 선택자를 갖는 모든 NodeList를 반환한다.
                • releasePointerCapture()

                  특정 포인터에 대해 이전에 설정된 포인터 캡처를 해제한다.
                • remove()

                  노드(자신)를 제거한다.
                • removeAttribute()

                  인수로 지정된 속성을 제거한다.
                • removeAttributeNode()

                  요소로부터 지정된 속성을 제거한다.
                • removeAttributeNS()

                  지정된 속성을 요소로 부터 제거한다.
                • replaceWith()

                  자신를 인수로 지정된 Node 또는 DOMString 객체의 집합으로 대체한다. DOMString 객체는 Text 노드와 동일하게 삽입된다.
                • requestFullscreen()

                  비동기 요청으로 요소를 전체 화면 모드로 표시한다.
                • requestPointerLock()

                  요소에서 포인터가 잠길 것을 비동기적으로 요청할 수 있다.
                • scroll()

                  요소 내부의 특정 좌표로 요소를 스크롤한다.
                • scrollBy()

                  인수로 지정된 좌표를 상대적인 값으로 사용하여 스크롤한다.
                • scrollIntoView()

                  요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤한다.
                • scrollTo()

                  인수로 지정된 x, y 절대 좌표로 스크롤한다.
                • setAttribute()

                  요소의 속성(attribute)를 설정한다.
                • setAttributeNode()

                  요소에게 새로운 Attr 노드를 추가한다.
                • setAttributeNodeNS()

                  새로운 네임스페이스 속성 노드를 추가한다.
                • setAttributeNS()

                  새 속성을 추가하거나 지정된 네임스페이스 및 이름으로 속성 값을 변경한다.
                • setPointerCapture()

                  특정 포인터를 향후 포인터 이벤트의 캡처 대상으로 지정하는데 사용한다.
                • toggleAttribute()

                  요소의 Boolean 속성을 토글한다.
              • Properties

                상속 가능한 프로퍼티
                • attributes

                  요소의 속성 객체 NameNodeMap 타입의 Collection을 조회한다. 이 속성은 읽기 전용이다.
                • childElementCount

                  자식 요소의 조회하는 읽기 전용 속성이다.
                • children

                  자식 요소를 라이브 상태에서 유사 배열인 HTMLCollection 타입으로 반환한다.
                • classList

                  요소의 class 값을 유사 배열인 DOMTokenList로 참조한다.
                • className

                  요소의 class 속성 값을 조회하거나 설정할 수 있다.
                • clientHeight

                  요소의 내부 높이를 픽셀로 조회할 수 있는 읽기 전용 속성이다.
                • clientLeft

                  요소의 왼쪽 테두리의 너비(픽셀)를 조회할 수 있다. 텍스트 방향이 오른쪽이고 스크롤바가 있는 경우 스크롤바의 너비를 포함한다. 왼쪽 간격과 내부 여백을 포함하지 않는다.
                • clientTop

                  요소의 상단 테두리의 너비를 픽셀 단위로 조회할 수 있는 읽기 전용 속성이다.
                • clientWidth

                  요소의 내부 너비를 픽셀로 조회할 수 있는 읽기 전용 속성이다.
                • firstElementChild

                  요소의 첫번째 자식 요소를 참조한다. 자식 요소가 없는 경우 null을 갖는다.
                • id

                  id 전역 속성을 반영하여 요소의 식별자를 나타낸다.
                • innerHTML

                  요소에 포함된 HTML 또는 XML 태그를 조회하거나 설정한다.
                • lastElementChild

                  요소의 마지막 자식 요소를 참조하는 읽기 전용 속성이다. 자식 요소가 없는 경우 null을 갖는다.
                • localName

                  요소의 규정된 이름의 로컬 부분을 조회한다.
                • name

                  요소의 name 속성을 조회하거나 설정할 수 있다.
                • namespaceURI

                  요소의 네임스페이스 URI를 조회한다. 네임스페이스가 없는 경우에는 null을 갖는다.
                • nextElementSibling

                  다음 형제 요소를 참조한다.
                • outerHTML

                  요소의 자식 요소를 포함하여 요소를 나타내는 직렬화된 HTML 일부를 조회하거나 설정한다.
                • part

                  요소의 부분 식별자를 나타내며 DOMTokenList로 조회된다. 가상 요소를 통해 shadow DOM의 일부를 스타일링하는데 사용할 수 있다.
                • prefix

                  요소의 네임스페이스 접두어를 조회하거나 지정되지 않은 경우 null을 갖는다. XML MIME 유형에서만 동작하며 HTML 문서에서는 작동하지 않는다.
                • previousElementSibling

                  이전 형제 요소를 참조한다.
                • scrollHeight

                  overflow로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 높이를 조회할 수 있다.
                • scrollLeft

                  요소의 내용이 왼쪽 가장 자리에서 스크롤되는 픽셀 수를 조회하거나 설정한다.
                • scrollTop

                  요소의 콘텐츠가 세로로 스크롤되는 픽셀 수를 조회하거나 설정한다.
                • scrollWidth

                  overflow로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 폭을 조회할 수 있다.
                • shadowRoot

                  요소가 호스트하는 shadow root를 조회한다. Element.prototype.attachShadow() 메소드를 사용하여 기존 요소에 shadow root를 추가할 수 있다.
                • slot

                  요소가 삽입된 shadow DOM 슬롯의 이름을 조회한다.
                • tagName

                  요소의 태그 명을 조회한다.
        • [[Prototype]]

          상속 가능한 멤버
          • Methods

            상속 가능한 메소드 군
            • appendChild()

              매개 변수로 주어진 노드 객체를 자식 요소로 추가한다.
            • cloneNode()

              노드를 새로운 노드로 복사한다.
            • compareDocumentPosition()

              노드의 위치를 문서 내 다른 노드와 비교하여 기본적으로 정의된 값을 반환한다.
            • contains()

              인수로 주어진 노드를 포함하고 있는지를 확인하여 그 결과를 반환한다.
            • getRootNode()

              컨텍스트(context) 오브젝트의 루트를 반환하며 사용 가능한 경우 shadow root를 선택적으로 반환한다.
            • hasChildNodes()

              인수로 지정된 노드가 자식으로의 존재 여부를 반환한다.
            • insertBefore()

              새로운 자식 노드를 참조 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.
            • isDefaultNamespace()

              네임스페이스 URI를 인수로 받아 네임스페이스가 현재 노드의 기본 네임스페이스인 경우 true, 그렇지 않은 경우 false를 반환한다.
            • isEqualNode()

              인수로 지정된 노드와 동일한지를 테스트하고 그 결과를 반환한다.
            • isSameNode()

              인수로 지정된 노드와 같은지에 대한 여부, 즉 동일한 객체를 참조하는지를 테스트하여 그 결과를 반환한다.
            • lookupNamespaceURI()

              현재 노드에서 인수로 지정된 프리픽스와 일치하는 네임스페이스를 반환한다.
            • lookupPrefix()

              지정된 네임스페이스 URI가 있는 경우 해당 접두사가 포함된 DOMString을 반환하고 그렇지 않은 경우 null을 반환한다.
            • normalize()

              인수로 지정된 노드와 모든 하위 트리를 정규화된 형식으로 변환한다.
            • removeChild()

              자식 노드를 제거하고 제거된 노드를 반환한다.
            • replaceChild()

              주어진 상위 노드 내의 하위 노드를 대체한다.
          • Properties

            상속 가능한 프로퍼티 군
            • baseURI

              기본 URL을 조회한다.
            • childNodes

              유사 배열인 자식 노드 집합체 NodeList를 라이브(Live)로 참조한다.
            • firstChild

              첫번째 자식 노드를 참조한다.
            • isConnected

              노드가 컨텍스트 객체에 직접 또는 간접적으로 연결되어 있는지 대한 Boolean 값을 가지고 있다. 예를 들어 일반 DOM의 경우는 Document 객체, Node의 경우는 ShadowRoot 객체에 연결 여부를 Boolean 으로 조회한다.
            • lastChild

              마지막 자식 노드를 참조한다.
            • nextSibling

              다음 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.
            • nodeName

              노드의 이름을 조회할 수 있다.
            • nodeType

              노드 타입을 조회할 수 있다.
            • nodeValue

              노드의 값을 조회할 수 있다.
            • ownerDocument

              노드의 최상위 문서 객체를 참조한다.
            • parentElement

              해당 노드의 부모 요소(Element Object)를 가지고 있다. 부모 요소가 없거나 부모가 DOM 요소가 아닌 경우에는 null을 갖는다.
            • parentNode

              부모 노드를 참조한다.
            • previousSibling

              이전 형제 노드객체를 참조한다.
            • textContent

              노드가 가지고 있는 콘텐츠를 텍스트로 조회하거나 설정한다.
      • WebSocket

        서버에 대한 WebSocket 연결을 작성 및 관리하기 위한 API를 제공하고 연결에 대한 데이터를 송수신한다.
      • Window

        웹 문서가 실행되는 창을 다루는 인터페이스이며 자바스크립트가 실행되는 웹브라우저에서의 최상위 스코프(scope)를 나타낸다.
        • Constructors

          생성자
        • window

          웹 문서 실행 창을 다루는 스코프(scope)상의 최상위 객체이다.
          • Event handlers

          • Methods

            window 전역 객체가 만들어지면 작동에 필요한 모든 함수, 객체, 변수들이 포함되어진다. 따라서 이러한 데이터들중에서 함수는 window 전역 객체의 메소드로의 형식을 가지게 된다. window는 코드상에서 생략이 될 수 있다는 것을 염두해 두길 바란다. 그래서 의미는 없지만 전역 함수인지 window 객체의 메소드인지를 구분하기가 어렵기도 하다.
            • alert()

              확인 버튼과 선택에 따라 지정된 메시지를 가진 웹브라우저의 경고 대화 상자를 연다.
            • cancelAnimationFrame()

              window.requestAnimationFrame() 메소드에 의해서 동작이 실행될 때 반환된 실행 ID를 이용해서 동작을 취소 한다.
            • clearInterval()

              setInterval() 메소드로 등록되어 주기적으로 호출되는 동작을 취소할 수 있다.
            • clearTimeout()

              setTimeout() 메소드로 등록된 함수 실행 예약을 취소할 수 있다.
            • close()

              윈도우를 닫는다.
            • fetch()

              네트워크에서 리소스를 가져오는 프로세스를 응답을 사용할 수 있게 되면 Promise 객체를 반환한다. Promise의 Response은 요청에 대한 응답을 나타내는 객체로 해석된다.
            • getComputedStyle()

              인수로로 지정된 대상의 활성된 스타일시트를 계산한 후 모든 CSS 속성 값을 포함하는 읽기 전용 CSSStyleDeclaration 객체를 반환한다.
            • matchMedia()

              인수로 주어진 미디어쿼리 문자열의 분석 결과를 나타내는 MediaQueryList 객체를 반환한다.
            • open()

              새로운 윈도우를 생성한다.
            • requestAnimationFrame()

              웹브라우저에게 수행하기를 원하는 애니메이션을 알리고 다음 리페인트(repaint)가 진행되기 전에 해당 애니메이션을 업데이트하는 지정된 함수를 호출한다.
            • setInterval()

              설정된 시간 단위로 주기적으로 함수를 실행한다.
            • setTimeout()

              함수 실행을 지정된 시간에 예약하여 한번 실행한다. 예약이 완료되면 타이머 ID를 반환한다.
          • Properties

            window 전역 객체가 만들어지면 작동에 필요한 모든 함수, 객체, 변수들이 포함되어진다. 따라서 이러한 데이터들은 window 전역 객체의 프로퍼티로의 형식을 가지게 된다. window는 코드상에서 생략이 될 수 있다는 것을 염두해 두길 바란다. 그래서 의미는 없지만 전역 변수인지 window 객체의 프로퍼티인지를 구분하기가 어렵기도 하다.
            • console

              Console API는 개발자가 코드의 설정 지점에서 메시지 또는 변수 값 로깅, 디버깅 작업을 수행할 수 있는 기능을 제공한다.
            • customElements

              새로운 사용자 지정 요소를 등록하거나 이전에 등록된 요소의 정보를 받아올 수 있는 CustomElementRegistry 객체의 참조를 반환한다.
            • history

            • localStorage

            • location

            • orientation

              장치의 자연스러운 방향을 기준으로 뷰포트의 방향을 각도(90도 증분)로 조회한다. 양수, 음수로 표현되며 시계 반대 방향의 회전의 경우 음수로 조회된다.
            • scrollY

              스크롤시 수직 방향 위치값을 픽셀 단위로 조회한다.
            • sessionStorage

        • [[Prototype]]

      • Worker

        웹브라우저의 기본 메인 쓰레드(Thread)와는 별개의 쓰레드(Thread)를 생성하여 스크립트를 실행할 수 있도록 해주는 인터페이스이다.
        • Constructor

          • Worker()

            지정된 URL에서 스크립트를 실행하는 전용 Web Worker를 생성한다.
        • [[Prototype]]

          • Event handlers

          • Events

          • Methods

            • postMessage()

              JavaScript 객체로 구성된 메시지를 Worker 내부 Scope로 보낸다.
    • [[Prototype]]

      • Methods

        프로타입 메소드
        • addEventListener()

          EventTarget 객체를 상속받는 하위 요소들의 이벤트 리스너(Listener)를 등록한다. 참고로 Window 객체도 포함된다.
        • dispatchEvent()

          사용자가 생성한 이벤트를 전달한다. 코드에 의한 이벤트 트리거(trigger)에 사용된다.
        • removeEventListener()

          등록된 이벤트를 제거한다. 이벤트 타입, 등록된 함수, 등록시 제공했던 다양한 옵션과 일치된 경우에 이벤트를 제거한다.
  • Single interface and mixin

    단일 인터페이스 및 믹스인
    • ChildNode

      부모를 가질 수 있는 Node 객체에 고유한 메소드를 포함한다. 원시 인터페이스이며 이 타입의 객체를 생성할 수 없다. 이는 Element, DocumentType 및 CharacterData 객체로 구현되었다.
      • Methods

        • after()

          Node 또는 DOMString 객체의 집합을 뒤쪽 형제 노드로 추가한다. DOMString 객체는 Text 노드와 동일하게 삽입된다.
        • before()

          Node 또는 DOMString 객체의 집합을 앞쪽 형제 노드로 추가한다.  DOMString 객체는 Text 노드와 동일하게 삽입된다.
        • remove()

          노드(자신)를 제거한다.
        • replaceWith()

          자신를 인수로 지정된 Node 또는 DOMString 객체의 집합으로 대체한다. DOMString 객체는 Text 노드와 동일하게 삽입된다.
    • CustomElementRegistry

      사용자가 지정 요소를 등록하고 등록한 요소를 가져올 수 있는 메소드를 제공한다.
      • Constructor

        인스턴스 접근은 window.customElements 프로퍼티로 참조된다.
      • [[Prototype]]

        • Methods

          • define()

            새로운 사용자 지정 요소를 정의한다.
          • get()

            사용자 지정 요소의 생성자를 반환한다. 그러한 요소가 없는 경우 undefined를 반환한다.
          • upgrade()

            사용자 지정 요소가 자신의 shadow root에 연결되기 전에 직접 업그레이드 한다.
    • DocumentOrShadowRoot

      document와 shadow roots간 공유되는 객체
      • Methods

        메소드
        • getSelection()

          사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.
      • Properties

        프로퍼티
        • stylesheets

          현재 문서에 명시적으로 연결되어 있거나 포함된 스타일시트에 대한 CSSStyleSheet 객체의 StyleSheetList를 조회한다.
    • DOMImplementation

      특정 문서에 종속되지 않는 메소드를 제공하는 인터페이스이며 document.implementation 에 의해서 참조된다.
      • Constructor

        생성자 함수가 존재하지 않고 document.implementation 프로퍼티에 의해서 참조되어 사용된다.
      • [[Prototype]]

        상속 가능한 프로퍼티와 메소드를 가진 객체 원형
    • DOMRectReadOnly

      DOMRect에서 속성의 변경이 불가능한 사각형을 정의하는데 사용되는 표준 속성을 지정한다.
    • LinkStyle

      노드와 연관된 CSS 스타일시트에 대한 접근을 제공한다. 원시 인터페이스이며 객체를 생성할 수 없다. HTMLLinkElement 및 HTMLStyleElement 객체로 구현된다.
      • Properties

        • sheet

          주어진 요소과 관련된 CSSStyleSheet 객체를 참조하거나 없는 경우 null을 갖는다.
    • Media

      • MediaError

        미디어 요소를 처리하는 동안 발생한 오류를 나타내는 인터페이스이다.
    • NonDocumentTypeChildNode

      DocumentType에는 적합하지 않은 노드 객체를 위한 인터페이스이며 호환성을 위해서 DocumentType으로부터 삭제되었다. 유형의 객체를 만들수 없는 원시 인터페이스이며 Element나 CharacterData 객체에 의해서 구현된다.
    • ParentNode

      자식을 가질 수 있는 모든 종류의 Node 객체가 공통으로 가지는 메서드와 프로퍼티를 갖는다. Element, Document, DocumentFragment 객체가 구현한다.
      • Methods

        • append()

          요소의 마지막 자식 노드 다음에 Node 객체 또는 DOMString 객체를 삽입한다.
        • prepend()

          요소의 첫 번째 자식 노드 직전에 Node 객체 또는 DOMString 객체를 삽입한다.
        • querySelector()

          인수로 지정된 CSS선택자 패턴을 갖는 요소를 찾아 첫번째로 일치하는 요소을 반환한다.
        • querySelectorAll()

          부모 노드를 기준으로 하위 요소 중 인수로 지정된 선택자를 갖는 모든 NodeList를 반환한다.
      • Properties

        • childElementCount

          자식 요소의 조회하는 읽기 전용 속성이다.
        • children

          자식 요소를 라이브 상태에서 유사 배열인 HTMLCollection 타입으로 반환한다.
        • firstElementChild

          요소의 첫번째 자식 요소를 참조한다. 자식 요소가 없는 경우 null을 갖는다.
        • lastElementChild

          요소의 마지막 자식 요소를 참조하는 읽기 전용 속성이다. 자식 요소가 없는 경우 null을 갖는다.
  • Data structure

    자료구조 인터페이스
    • DOMTokenList

      공백으로 구분된 문자열로 표현된 데이터를 정렬하여 토큰 집합으로 만들어 집합을 조작하기 위한 메소드를 제공하는 유사배열 인터페이스이다.
      • Constructor

        생성자
        • DOMTokenList()

          DOMTokenList 인스턴스를 생성할 수 있지만 직접 생성할 수 없다.
      • [[Prototype]]

        상속 가능한 메소드와 프로퍼티를 가진 객체 원형
        • Properties

          • length

            항목의 길이를 조회한다.
        • Methods

          메소드
          • add()

            토큰 목록에 항목을 추가한다.
          • contains()

            인수로 지정된 토큰이 포함되어 있으면 true, 그렇지 않으면 fasle 값을 반환한다.
          • entries()

            모든 키와 값을 한 세트를 갖는 반복자(Iterator) 객체를 반환한다.
          • forEach()

            토큰 순서에 따라 각 토큰에 대해 인수로 지정된 콜백 함수를 한번 호출한다.
          • item()

            인수로 지정된 인덱스의 토큰을 반환한다.
          • keys()

            객체에 포함된 모든 토큰 리스트의 키를 갖는 Iterator(반복) 객체를 반환한다.
          • remove()

            인수로 지정된 항목을 토큰에서 제거한다.
          • replace()

            기존 토큰을 주어진 인수로 대체한다.
          • supports()

            인수로 주어진 연관된 속성을 지원하는 토큰이 존재하는 경우에 true, 그렇지 않으면 false를 반환한다.
          • toggle()

            인수로 지정된 항목이 기존 토큰 목록에 존재하면 제거, 존재하지 않으면 추가한다.
          • values()

            객체에 포함된 모든 값을 조회할 수 있는 Iterator(반복자) 객체를 반환한다.
    • HTMLCollection

      요소를 리스트 자료 구조로 가지고 있는 유사 배열 객체
      • Constructor

        직접 생성할 수 없고 document 객체의 getElementsByTagName(), getElementsByClassName(), getElementsByName(), querySelectorAll() 메소드에 의해서 생성된다.
      • Inherited

      • [[Prototype]]

        상속되는 프로퍼티와 메소드를 가지고 있는 객체 원형
        • Methods

          상속 가능한 메소드
          • item()

            인수로 주어진 인덱스에 위치한 요소를 반환한다.
        • Properties

          상속 가능한 프로퍼티
          • length

            item(항목)의 갯수를 가져올 수 있다.
    • NamedNodeMap

      요소의 속성을 리스트 자료구조로 다루는 객체
      • Constructor

        직접 생성할 수 없고 Element 객체의 attributes 속성에 의해서 값이 만들어진다.
      • [[Prototype]]

        상속가능한 프로퍼티와 메소드
        • Methods

          상속 가능한 메소드
          • getNamedItem()

            지정된 이름의 속성을 반환한다.
          • getNamedItemNS()

            네임스페이스 및 관련 속성 명에 의해서 식별되는 속성을 반환한다.
          • item()

            인수로 지정된 인덱스의 속성을 반환한다.
          • removeNamedItem()

            지정된 맵에 의해 식별되는 속성을 제거한다.
          • removeNamedItemNS()

            지정된 네임스페이스 및 관련 속성 명에 의해 식별되는 속성을 제거한다.
          • setNamedItem()

            맵으로 식별되는 속성을 지정된 이름으로 재정의하거나 추가한다.
          • setNamedItemNS()

            지정된 네임스페이스 및 관련 속성 명으로 맵에서 식별되는 속성을 대체하거나 추가한다.
        • Properties

          상속 가능한 프로퍼티
          • length

            맵 내의 오브젝트 갯수를 읽어온다.
    • NodeList

      노드를 리스트로 가지고 있는 자료를 다루는 객체
      • Constructor

        직접 생성할 수 없고 element.childNodes와 document.querySelectorAll()와 같은 메소드에 의해 값이 생성된다.
      • [[Prototype]]

        상속 가능한 프로퍼티와 메소드를 가지고 있는 원형 객체
        • Methods

          상속 가능한 메소드
          • entries()

            NodeList에 포함된 모든 key/value 쌍을 통과하는 iterator를 반환한다. 반환되는 값을 Node 객체이다.
          • forEach()

            리스트 내에 존재하는 모든 항목에 대해 인수로 지정된 콜백 함수를 차례대로 실행한다.
          • item()

            인덱스로 NodeList 내에 존재하는 항목을 반환한다.
          • keys()

            key를 반환한다.
          • values()

            노드를 반환한다.
        • Properties

          상속 가능한 프로퍼티
          • length

            NodeList에 존재하는 항목의 갯수를 읽는다.