search

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

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

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

        상속 가능한 프로퍼티
        • bubble

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

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

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

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

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

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

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

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

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

      • change

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

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

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

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

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

        애니메이션과 관련된 정보를 제공하는 이벤트
        • Events

          • animationcancel

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

            CSS 애니메이션이 완료되면 발생한다. 애니메이션이 정상적으로 완료되기 전에 요소에게서 애니메이션이 제거되거나 속성의 CSS 속성 변경으로 인해 애니메이션이 중단되는 경우에는 발생하지 않는다.
      • CustomEvent

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

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

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

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

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

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

          상속 가능한 객체
          • Properties

            상속 가능한 프로퍼티
        • Events

          UI 이벤트의 종류
          • abort

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

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

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

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

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

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

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

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

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

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

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

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

              마우스 이벤트 생성자
            • Events

              마우스 이벤트 종류
              • click

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

              MouseEvent를 상속하는 이벤트
              • DragEvent

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

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

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

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

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

              터치 기반의 입력 방식에서는 다음의 이벤트 타입이 있다.
              • 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 객체가 상속하는 객체 군
          • CharacterData

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

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

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

                  생성자
                  • Text()

                    텍스트를 생성하는 생성자 함수이지만 실제로 직접 생성할 수 없다.
                • [[Prototype]]

                  상속 가능한 객체 원형
            • [[Prototype]]

              상속 가능한 객체 원형
              • Methods

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

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

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

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

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

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

                상속 가능한 프로퍼티
          • Document

            창이 열릴 때 해석되어지는 문서를 다루는 객체이다.
            • Constructor

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

              Document를 상속받는 객체
            • [[Prototype]]

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

                이벤트
              • Methods

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

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

                  확장 메소드
                  • write()

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

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

                  class 속성 값을 대상으로 엘리먼트 객체를 찾아 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의 픽셀 값으로 해석되어진다.
                  • HTMLDivElement

                    div 요소를 다루는 객체
                  • HTMLDListElement

                    dl 요소를 다루는 객체
                  • HTMLHeadingElement

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

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

                      HTMLImageElement는 웹브라우저에 의해 초기 렌더링시 생성되거나 document.createElement() 메소드를 이용하여 생성할 수 있고 Image() 라는 생성자 함수를 통해서 생성이 가능한다.
                      • Image()

                        이미지를 생성하는 생성자 함수이다.
                    • [[Prototype]]

                      • Properties

                  • HTMLInputElement

                    • Constructor

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

                  • HTMLLinkElement

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

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

                      • Properties

                        • sheet

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

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

                      HTMLMediaElement 객체를 상속하는 객체를 참조
                    • [[Prototype]]

                      • Methods

                        • addTextTrack()

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

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

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

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

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

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

                          미디어를 재생한다.
                        • 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(최대) 사이의 값을 가진다.
                  • 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로 조회된다.
                  • HTMLSlotElement

                    slot 엘리먼트 객체
                  • HTMLStyleElement

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

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

                      • Properties

                        • sheet

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

                    template 엘린먼트 객체
                • [[Prototype]]

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

                    메소드
                    • click()

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

                      요소를 활성시킨다.
                  • Properties

                    프로퍼티
                    • dataset

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

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

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

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

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

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

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

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

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

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

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

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

                메소드
                • after()

                • animate()

                  요소에게 인수에 정의된 값에 따라 애니메이션 효과를 만들어준다.
                • append()

                • attachShadow()

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

                • closest()

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

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

                  요소에 영향을 주거나 향후에 예정되어 있는 모든 Animation 객체의 배열을 반환한다. 선택적으로 하위 요소에 대한 애니메이션 객체를 반환할 수 있다.
                • getAttribute()

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

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

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

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

                  인수로 지정된 네임스페이스 및 이름을 가진 속성의 문자열 값을 반환한다. 속성이 존재하지 않으면 null 또는 빈 문자열 값을 반환한다.
                • getBoundingClientRect()

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

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

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

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

                  인수로 지정된 네임스페이스에 속하는 태그 이름을 가진 요소의 Live 상태의 HTMLCollection을 반환한다.
                • hasAttribute()

                  인수로 지정된 속성이 존재하는지를 Boolean 값으로 반환한다.
                • hasAttributeNS()

                  요소에 지정된 속성이 있는지를 Boolean 값으로 반환한다.
                • hasAttributes()

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

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

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

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

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

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

                  요소 앞에 Node 또는 DOMString 객체 집합을 삽입한다.
                • querySelector()

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

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

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

                  부모의 자식 요소로부터 제거한다.
                • removeAttribute()

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

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

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

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

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

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

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

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

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

                  인수로 지정된 좌표로 스크롤한다.
                • setAttribute()

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

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

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

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

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

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

                상속 가능한 프로퍼티
                • accessKey

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

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

                • children

                • classList

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

                  해당 요소의 class 속성 값을 가지고 있거나 설정할 수 있다.
                • clientHeight

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

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

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

                  inline 요소이거나 inline-block 이어도 콘텐츠가 없는 경우는 0을 가지며 그렇지 않은 경우에는 내부 너비를 픽셀 단위로 조회할 수 있다. padding은 포함하지만 borders, margins, 세로 스크롤바는 제외한다.
                • firstElementChild

                • id

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

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

                • 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

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

        웹 문서가 실행되는 창을 다루는 객체를 생성하며 자바스크립트가 실행되는 웹브라우저에서의 최상위 스코프(scope)이다.
        • Constructors

          Window 객체는 생성자 함수를 가지고 있지만 직접 생성하는 방식을 지원하지 않는다. 기본적으로 웹브라우저가 실행시 생성이 되며 window.open() 메소드에 의해 생성이 되기도 한다. 또는 링크에 의해서 새로운 창(window)이 열릴 경우에도 생성이 된다. 생성된 모든 윈도우는 window라는 문서내 최상위(전역 스코프) 실행 context를 가지게 되며 Prototype을 상속한다.
        • window

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

          • Methods

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

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

            • clearTimeout()

            • close()

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

            • getComputedStyle()

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

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

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

            • setTimeout()

          • Properties

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

            • customElements

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

              현재 창에 대한 History 인스턴스를 참조한다.
            • location

            • scrollY

              스크롤시 수직 방향 위치값을 픽셀 단위로 조회한다.
        • [[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 에 의해서 참조된다.
    • FormData

      form 필드와 그 값을 나타내는 일련의 key/value 쌍을 쉽게 생성할 수 있는 방법을 제공한다.
    • 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()

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

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

        • childElementCount

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

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

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

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

    자료구조 인터페이스
    • DOMTokenList

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

        생성자
        • DOMTokenList()

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

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

          메소드
          • add()

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

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

            인수로 지정된 항목이 기존 토큰 목록에 존재하면 제거, 존재하지 않으면 추가한다.
    • 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에 존재하는 항목의 갯수를 읽는다.