JavaScript Indexing

{object_name}

Indexing

  • Window

    • window

      • Properties

        • visualViewport

          • Event Handlers

            • onresize

              창 크기가 변경될 때 발생한다.

            • onscroll

              프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

          • Properties

            • height

              시각적 뷰포트의 높이를 CSS 픽셀 단위로 조회한다.

            • offsetLeft

              레이아웃 뷰포트의 왼쪽 가장자리에서 시각적 뷰포트 왼쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

            • offsetTop

              레이아웃 뷰포트의 위쪽 가장자리에서 시각적 뷰포트 위쪽 가장자리 오프셋을 CSS 픽셀 단위로 조회한다.

            • pageLeft

              시각적 뷰포트 왼쪽 가장자리의 x 좌표를 CSS 픽셀로 조회한다.

            • pageTop

              시각적 뷰포트 위쪽 가장자리의 y 좌표를 CSS 픽셀로 조회한다.

            • scale

              시각적 뷰포트에 적용된 핀치 줌(pinch-zoom) 배율을 조회한다.

            • width

              시각적 뷰포트의 폭을 CSS 픽셀 단위로 조회한다.

        • window

          지정된 창의 window 객체를 참조한다.

        • closed

          참조한 창이 닫혔는지 여부를 boolean으로 조회한다.

        • console

          • Methods

            • dir()

              인수로 지정된 객체의 특성에 대한 트리 구조로 탐색할 수 있다.

            • log()

              인수로 지정된 객체 또는 변수를 콘솔에 출력한다.

        • customElements

          • Methods

            • define()

              새로운 사용자 지정 요소를 정의한다.

            • get()

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

            • upgrade()

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

        • devicePixelRatio

          현재 표시 장치의 물리적 픽셀과 CSS 픽셀의 비율을 조회한다.

        • document

          • Events

            • abort

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

            • animationcancel

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

            • animationend

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

            • animationiteration

              CSS 애니메이션의 반복이 지정되어 있는 경우 매 반복이 끝날 때 발생한다.

            • animationstart

              CSS 애니메이션이 시작되면 발생한다.

            • auxclick

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

            • copy

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

            • cut

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

            • DOMContentLoaded

              HTML 문서가 완전히 로드되고 구문 분석이 될 때 발생한다.

            • drag

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

            • dragend

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

            • dragenter

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

            • dragleave

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

            • dragover

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

            • dragstart

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

            • drop

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

            • fullscreenchange

              지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.

            • fullscreenerror

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

            • gotopointercapture

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

            • keydown

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

            • keypress

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

            • keyup

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

            • lostpointercapture

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

            • paste

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

            • pointercancel

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

            • pointerdown

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

            • pointerenter

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

            • pointerleave

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

            • pointermove

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

            • pointerout

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

            • pointerover

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

            • pointerup

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

            • readystatechange

              documentreadyState 속성이 변경되면 발생한다.

            • scroll

              프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

            • securitypolicyviolation

              정책과 버블(bubble)을 위반하는 요소에서 발생한다.

            • selectionchange

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

            • selectstart

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

            • transitioncancel

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

            • transitionend

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

            • transitionrun

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

            • transitionstart

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

            • visibilitychange

              웹브라우저 탭의 콘텐츠가 visible 또는 hidden 상태로 변경될 때 발생한다.

            • wheel

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

          • 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 객체를 참조한다.

            • readyState

              문서의 로드 상태를 나타낸다.

        • event

          현재 처리중인 Event를 조회한다.

        • frameElement

          문서내 <iframe>이나 <object>처럼 window를 포함한 요소를 조회한다.

        • frames

          현재 문서 내에 포함된 프레임의 window를 원소로 갖는 유사 배열을 조회한다.

        • history

          • Methods

            • back()

              웹브라우저 세션 기록의 바로 이전 페이지로 이동하도록 한다. history.go(-1)과 같다. 이전 페이지가 없는 경우 아무 동작도 발생하지 않는다.

            • forward()

              세션 기록의 바로 앞 페이지로 이동하는 비동기식 메소드이다.

            • go()

              웹브라우저가 가지고 있는 세션 탐색 이력을 기준으로 현재 페이지를 전환한다.

            • pushState()

              웹브라우저의 세션 기록 스택에 상태를 추가한다.

            • replaceState()

              세션 기록 스택의 제일 최근 항목을 주어진 데이터, 지정한 제목 및 URL로 대체한다. 데이터는 DOM이 불투명(opaque)하게 취급하므로 직렬화가 가능한 모든 JavaScript 객체를 사용할 수 있다.

          • Properties

            • length

              현재 페이지를 포함해 세션 기록의 길이를 정수로 조회한다.

            • scrollRestoration

              기록 탐색시 스크롤 위치 복원 여부를 명시한다. 가능한 값은 auto와 manual이다.

            • state

              기록 스택 최상단의 state를 나타내는 값을 조회한다. popstate 이벤트를 기다지리 않고 현재 기록의 state를 확인할 수 있다.

        • innerHeight

          창의 수평 스크롤바의 높이를 포함한 뷰포트 높이를 픽셀 단위로 조회한다.

        • innerWidth

          창의 수직 스크롤바의 폭을 포함한 뷰포트의 너비를 픽셀 단위로 조회한다.

        • length

          현재 창의 <iframe> 요소의 수를 조회한다.

        • localStorage

          • Methods

            • clear()

              저장소의 모든 키를 저장소에서 제거한다.

            • getItem()

              인수로 주어진 키에 연결된 값을 반환한다.

            • key()

              인수로 주어진 n에 대하여 저장소의 n 번째 항목의 키를 반환한다.

            • removeItem()

              인수로 주어진 키를 저장소에서 제거한다.

            • setItem()

              인수로 주어진 키와 값을 새로 저장하거나 재설정한다.

          • Properties

            • length

              Storage 객체에 저장된 데이터 항목의 개수를 조회한다.

        • location

          • Methods

          • Properties

            • hash

              '#' 문자 뒤 URL의 프래그먼트 식별자를 조회할 수 있다.

            • host

              URL에서 호스트 부분을 값으로 하는 DOMString이며 호스트명', :', 포트 번호를 포함하여 조회할 수 있다.

            • href

              완전한 URL을 값으로 하는 DOMString을 조회한다. 설정을 하는 경우에는 연결된 문서가 설정된 URL로 이동이 된다.

            • origin

              지정한 장소에 유래된 표준 형태의 값을 조회할 수 있다.

            • password

              도메인 이름 이전에 명시된 비밀번호를 조회할 수 있다.

            • pathname

              '/' 문자 뒤 URL의 경로를 조회할 수 있다.

            • port

              URL의 포트 번호를 조회할 수 있다.

            • protocol

              URL에서 프로토콜 부분을 값으로 하는 DOMString이며 ':'도 포함하여 조회할 수 있다.

            • username

              도메인 이름 이전에 명시된 사용자 명을 조회한다.

        • locationbar

          가시성을 확인할 수 있는 웹브라우저의 위치 표시줄(URL 주소 입력) 객체를 참조한다.

        • menubar

          가시성을 확인할 수 있는 웹브라우저의 메뉴바 객체를 참조한다.

        • name

          창의 이름을 조회하거나 설정한다. name 속성은 하이퍼링크를 열거나 Form을 전송할 때 대상(target)으로 사용된다.

        • navigator

          • Properties

            • userAgent

              접속 중인 웹브라우저의 사용자 에이전트 문자열을 조회한다.
        • opener

          window.open() 메소드를 사용하여 창을 열거나 target이 지정되어 있는 링크를 통해 창을 열었을 경우 창을 열어준 창의 window 객체의 참조를 조회한다.

        • outerHeight

          웹브라우저의 인터페이스가 포함된 전체 창 높이를 조회한다.

        • outerWidth

          웹브라우저의 인터페이스가 포함된 전체 창 폭을 조회한다.

        • pageXOffset

          수평 방향으로 스크롤 크기를 조회하는 scrollX의 별칭이다.

        • pageYOffset

          수평 방향으로 스크롤 크기를 조회하는 scrollY의 별칭이다.

        • parent

          현재 창의 부모 창의 window 객체를 참조한다.

        • screen

          • Methods

          • Properties

        • screenLeft

          웹브라우저의 좌측이 장치의 스크린에서 왼쪽으로 부터 떨어진 거리를 픽셀로 조회한다.

        • screenTop

          웹브라우저의 상단이 장치의 스크린에서 위쪽으로 부터 떨어진 거리를 픽셀로 조회한다.

        • screenX

          screenLeft의 별칭이다.

        • screenY

          screenTop의 별칭이다.

        • scrollX

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

        • scrollY

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

        • self

          현재 창 자신의 window 객체를 참조한다. 

        • sessionStorage

          • Methods

            • clear()

              저장소의 모든 키를 저장소에서 제거한다.

            • getItem()

              인수로 주어진 키에 연결된 값을 반환한다.

            • key()

              인수로 주어진 n에 대하여 저장소의 n 번째 항목의 키를 반환한다.

            • removeItem()

              인수로 주어진 키를 저장소에서 제거한다.

            • setItem()

              인수로 주어진 키와 값을 새로 저장하거나 재설정한다.

          • Properties

            • length

              Storage 객체에 저장된 데이터 항목의 개수를 조회한다.

        • status

          웹브라우저 하단의 상태 표시줄에 텍스트를 설정하거나 조회할 수 있다.

        • statusbar

          웹브라우저의 상태 표시줄의 가시성을 토글할 수 있는 상태 표시줄 객체를 참조한다.

        • toolbar

          웹브라우저의 도구 모음 가시성을 확인하는 데 사용할 수 있는 도구 모음 객체를 참조한다.

        • top

          창의 계층에서 최상위 창에 대한 window 객체를 참조한다.

      • Methods

        • 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를 반환한다.

      • Events

        • afterprint

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

        • beforeprint

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

        • beforeunload

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

        • hashchange

          URL의 조각 식별자(hash)가 변경되면 발생한다.

        • languagechange

          사용자의 기본 언어가 변경될 때 발생한다.

        • message

          웹 소켓을 통해서 메시지를 받았을 때 발생한다.

        • messageerror

          역직렬화할 수 없는 메시지를 수신할 때 window에서 발생한다.

        • offline

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

        • online

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

        • pagehide

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

        • pageshow

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

        • popstate

          사용자가 세션 기록을 탐색하는 동안 활성 기록 항목이 변경되면 발생한다.

        • rejectionhandled

          Promise가 거부될 때 명시된 거부를 처리 후 전역(Window, Worker) 스코프로 전송된다.

        • storage

          다른 문서의 컨텍스트에서 저장소 영역이 수정되면 발생한다.

        • unhandledrejection

          Promise가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 스코프로 전송한다.

        • unload

          문서나 하위 리소스가 언로드(unload)일 때 발생한다.

      • Event Handlers

        • Window

          • onblur

            활성된 window에서 비활성으로 변경되는 경우 발생한다.

          • onerror

             window에서 사용할 리소스 로드에 실패했거나 사용할 수 없는 경우 발생한다.

          • onfocus

            비활성된 window에서 활성으로 변경되는 경우 발생한다.

          • onload

            window에서의 load 이벤트는 HTML 문서가 웹브라우저에서 해석이 완료되는 시점에 발생한다.

          • onresize

            창 크기가 변경될 때 발생한다.

          • onscroll

            프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

          • onscrollend

            스크롤이 완료되면 VisualViewport, Document 또는 Element에서 발생한다.

        • WindowEventHandlers

          WindowEventHandlers 믹스인(mixin)을 구현한 핸들러

          • onafterprint

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

          • onbeforeprint

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

          • onbeforeunload

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

          • onhashchange

            URL의 조각 식별자(hash)가 변경되면 발생한다.

          • onlanguagechange

            사용자의 기본 언어가 변경될 때 발생한다.

          • onmessage

            웹 소켓을 통해서 메시지를 받았을 때 발생한다.

          • onmessageerror

            역직렬화할 수 없는 메시지를 수신할 때 window에서 발생한다.

          • onoffline

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

          • ononline

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

          • onpagehide

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

          • onpageshow

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

          • onpopstate

            사용자가 세션 기록을 탐색하는 동안 활성 기록 항목이 변경되면 발생한다.

          • onrejectionhandled

            Promise가 거부될 때 명시된 거부를 처리 후 전역(Window, Worker) 스코프로 전송된다.

          • onstorage

            다른 문서의 컨텍스트에서 저장소 영역이 수정되면 발생한다.

          • onunhandledrejection

            Promise가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 스코프로 전송한다.

          • onunload

            문서나 하위 리소스가 언로드(unload)일 때 발생한다.

        • GlobalEventHandlers

          GlobalEventHandlers 믹스인(mixin)을 구현한 핸들러

  • Host Objects

    HOST 객체군은 자바스크립트에서 접근 가능한 웹브라우저의 다양한 API를 의미한다.

    • History.prototype

      • Methods

        • back()

          웹브라우저 세션 기록의 바로 이전 페이지로 이동하도록 한다. history.go(-1)과 같다. 이전 페이지가 없는 경우 아무 동작도 발생하지 않는다.

        • forward()

          세션 기록의 바로 앞 페이지로 이동하는 비동기식 메소드이다.

        • go()

          웹브라우저가 가지고 있는 세션 탐색 이력을 기준으로 현재 페이지를 전환한다.

        • pushState()

          웹브라우저의 세션 기록 스택에 상태를 추가한다.

        • replaceState()

          세션 기록 스택의 제일 최근 항목을 주어진 데이터, 지정한 제목 및 URL로 대체한다. 데이터는 DOM이 불투명(opaque)하게 취급하므로 직렬화가 가능한 모든 JavaScript 객체를 사용할 수 있다.

      • Properties

        • length

          현재 페이지를 포함해 세션 기록의 길이를 정수로 조회한다.

        • scrollRestoration

          기록 탐색시 스크롤 위치 복원 여부를 명시한다. 가능한 값은 auto와 manual이다.

        • state

          기록 스택 최상단의 state를 나타내는 값을 조회한다. popstate 이벤트를 기다지리 않고 현재 기록의 state를 확인할 수 있다.

    • Location.prototype

      • Methods

      • Properties

        • hash

          '#' 문자 뒤 URL의 프래그먼트 식별자를 조회할 수 있다.

        • host

          URL에서 호스트 부분을 값으로 하는 DOMString이며 호스트명', :', 포트 번호를 포함하여 조회할 수 있다.

        • href

          완전한 URL을 값으로 하는 DOMString을 조회한다. 설정을 하는 경우에는 연결된 문서가 설정된 URL로 이동이 된다.

        • origin

          지정한 장소에 유래된 표준 형태의 값을 조회할 수 있다.

        • password

          도메인 이름 이전에 명시된 비밀번호를 조회할 수 있다.

        • pathname

          '/' 문자 뒤 URL의 경로를 조회할 수 있다.

        • port

          URL의 포트 번호를 조회할 수 있다.

        • protocol

          URL에서 프로토콜 부분을 값으로 하는 DOMString이며 ':'도 포함하여 조회할 수 있다.

        • username

          도메인 이름 이전에 명시된 사용자 명을 조회한다.

    • Navigator.prototype

      • Properties

        • userAgent

          접속 중인 웹브라우저의 사용자 에이전트 문자열을 조회한다.
    • Screen.prototype

      • Methods

      • Properties

  • Document Objects

    웹 문서를 다루는 다양한 API를 제공한다.

    • Attr.prototype

      • Properties

        • value

          속성의 값을 조회한다.

        • localName

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

        • name

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

        • namespaceURI

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

        • ownerElement

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

        • prefix

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

        • specified

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

    • Node

      • 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을 가지고 있다.

    • Node.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

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

    • Document.prototype

      • Events

        • abort

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

        • animationcancel

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

        • animationend

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

        • animationiteration

          CSS 애니메이션의 반복이 지정되어 있는 경우 매 반복이 끝날 때 발생한다.

        • animationstart

          CSS 애니메이션이 시작되면 발생한다.

        • auxclick

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

        • copy

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

        • cut

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

        • DOMContentLoaded

          HTML 문서가 완전히 로드되고 구문 분석이 될 때 발생한다.

        • drag

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

        • dragend

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

        • dragenter

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

        • dragleave

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

        • dragover

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

        • dragstart

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

        • drop

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

        • fullscreenchange

          지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.

        • fullscreenerror

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

        • gotopointercapture

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

        • keydown

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

        • keypress

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

        • keyup

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

        • lostpointercapture

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

        • paste

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

        • pointercancel

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

        • pointerdown

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

        • pointerenter

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

        • pointerleave

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

        • pointermove

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

        • pointerout

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

        • pointerover

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

        • pointerup

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

        • readystatechange

          documentreadyState 속성이 변경되면 발생한다.

        • scroll

          프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

        • securitypolicyviolation

          정책과 버블(bubble)을 위반하는 요소에서 발생한다.

        • selectionchange

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

        • selectstart

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

        • transitioncancel

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

        • transitionend

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

        • transitionrun

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

        • transitionstart

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

        • visibilitychange

          웹브라우저 탭의 콘텐츠가 visible 또는 hidden 상태로 변경될 때 발생한다.

        • wheel

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

      • 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 객체를 참조한다.

        • readyState

          문서의 로드 상태를 나타낸다.

    • Element.prototype

      • Event Handlers

        • onfullscreenchange

          지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.

        • onfullscreenerror

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

      • Events

        • fullscreenchange

          지정 요소가 전체 화면 모드로 전환되거나 해제될 때 발생한다.

        • fullscreenerror

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

      • 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

          요소의 속성 객체(Attr)를 가진 NamedNodeMap 타입의 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

          요소의 태그 명을 조회한다.

    • HTMLElement.prototype

      • Events

        • animationend

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

        • animationiteration

          CSS 애니메이션의 반복이 지정되어 있는 경우 매 반복이 끝날 때 발생한다.

        • animationstart

          CSS 애니메이션이 시작되면 발생한다.

        • auxclick

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

        • blur

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

        • click

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

        • contextmenu

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

        • copy

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

        • cut

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

        • dblclick

          마우스 왼쪽 버튼을 빠르게 두번 클릭할 때 발생한다.

        • drag

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

        • dragend

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

        • dragenter

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

        • dragleave

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

        • dragover

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

        • dragstart

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

        • drop

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

        • error

          요소에 사용될 리소스에 대한 로드가 실패했거나 사용할 수 없는 경우 발생한다.

        • focus

          창(window) 또는 요소(element)가 포커스(focus)를 받을 때 발생한다.

        • gotopointercapture

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

        • keydown

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

        • keypress

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

        • keyup

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

        • load

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

        • lostpointercapture

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

        • mousedown

          마우스 버튼을 누를 때 발생한다.

        • mouseenter

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

        • mouseleave

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

        • mousemove

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

        • mouseout

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

        • mouseover

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

        • mouseup

        • paste

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

        • pointercancel

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

        • pointerdown

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

        • pointerenter

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

        • pointerleave

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

        • pointermove

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

        • pointerout

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

        • pointerover

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

        • pointerup

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

        • resize

          창 크기가 변경될 때 발생한다.

        • scroll

          프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

        • securitypolicyviolation

          정책과 버블(bubble)을 위반하는 요소에서 발생한다.

        • selectstart

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

        • transitioncancel

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

        • transitionend

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

        • transitionrun

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

        • transitionstart

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

        • wheel

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

      • Event Handlers

        • onanimationend

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

        • onanimationiteration

          CSS 애니메이션의 반복이 지정되어 있는 경우 매 반복이 끝날 때 발생한다.

        • onanimationstart

          CSS 애니메이션이 시작되면 발생한다.

        • onauxclick

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

        • onblur

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

        • onclick

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

        • oncontextmenu

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

        • oncopy

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

        • oncut

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

        • ondblclick

          마우스 왼쪽 버튼을 빠르게 두번 클릭할 때 발생한다.

        • ondrag

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

        • ondragend

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

        • ondragenter

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

        • ondragleave

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

        • ondragover

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

        • ondragstart

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

        • ondrop

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

        • onerror

          요소에 사용될 리소스에 대한 로드가 실패했거나 사용할 수 없는 경우 발생한다.

        • onfocus

          창(window) 또는 요소(element)가 포커스(focus)를 받을 때 발생한다.

        • ongotopointercapture

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

        • onkeydown

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

        • onkeypress

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

        • onkeyup

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

        • onload

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

        • onmousedown

          마우스 버튼을 누를 때 발생한다.

        • onmouseenter

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

        • onmouseleave

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

        • onmousemove

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

        • onmouseout

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

        • onmouseover

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

        • onmouseup

        • onpaste

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

        • onpointercancel

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

        • onpointerdown

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

        • onpointerenter

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

        • onpointerleave

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

        • onpointermove

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

        • onpointerout

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

        • onpointerover

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

        • onpointerup

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

        • onresize

          창 크기가 변경될 때 발생한다.

        • onscroll

          프레임(window, <iframe>) 또는 크기가 고정된 요소내의 콘텐츠가 스크롤될 때 발생한다.

        • onsecuritypolicyviolation

          정책과 버블(bubble)을 위반하는 요소에서 발생한다.

        • onselectstart

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

        • ontransitioncancel

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

        • ontransitionend

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

        • ontransitionrun

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

        • ontransitionstart

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

        • onwheel

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

      • Methods

        • blur()

          지정된 요소의 키보드 포커스를 제거한다.

        • 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 객체를 참조하며 인라인 스타일을 가지고 있거나 설정할 수 있다.

  • HTML Objects

    • HTMLAnchorElement.prototype

      • Methods

        확장 가능한 메소드

        • toString()

          전체 URL을 포함하는 USVString을 반환한다.

      • Properties

        확장 가능한 속성

        • hash

          URL에 포함된 해시를 조회하거나 설정할 수 있는 USVString이다.

        • host

          URL에서 호스트 이름과 포트를 조회하거나 설정할 수 있는 USVString이다.

        • hostname

          URL에서 호스트(host) 이름을 조회하거나 설정할 수 있는 USVString이다.

        • href

          지정된 <a>태그의 href 속성을 조회하거나 설정한다.

        • hreflang

          연결된 리소스의 언어를 나타내는 <a> 태그의 hreflang 속성을 반영하는 DOMString이다.

        • origin

          스키마(scheme), 도메인(domain) 및 포트(port)를 포함하는 USVString을 조회한다.

        • password

          도메인 이름 앞에 지정된 암호가 포함된 USVString을 조회하거나 설정한다.

        • pathname

          쿼리 스트링(query string)이나 플래그먼트(fragment)를 포함하지 않은 '/'로 시작하는 USVString을 조회하거나 설정한다.

        • port

          URL에 포트(port)가 존재하는 경우 조회하거나 설정하는 USVString이다.

        • protocol

          URL의 콜론(:)을 포함하여 프로토콜(protocol) 구성 요소를 조회하거나 설정하는 USVString이다.

        • rel

          대상 객체와 연결된 객체와의 연결 관계를 지정하는 HTML의 rel 애트리뷰트(attribute)를 조회하거나 설정한다.

        • relList

          요소가 나타내는 리소스와 현재 문서 간의 관계를 나타내는 링크 유형 집합을 포함하는 라이브 상태의 DOMTokenList를 조회한다.

        • search

          쿼리 문자열(query string)을 조회하거나 설정하는 USVString이다.

        • username

          도메인 이름 앞에 지정된 사용자 이름을 포함하는 USVString이다.

    • HTMLAreaElement.prototype

      • Methods

        • toString()

          전체 URL을 포함하는 USVString을 반환한다.

      • Properties

        • hash

          URL에서 # 뒤에 포함된 USVString을 조회하거나 설정한다.

        • host

          연결될 URL에서 호스트 이름을 포함(포트가 존재하는 경우에 포함)하는 USVString을 조회하거나 설정한다.

        • hostname

          연결될 URL의 도메인을 포함하는 USVString을 조회하거나 설정한다.

        • href

          연결될 전체 URL을 포함하는 USVString을 조회하거나 설정한다.

        • origin

          스키마(scheme), 도메인(domain) 및 포트(port)를 포함하는 USVString을 조회한다.

        • password

          도메인 이름 앞에 지정된 암호가 포함된 USVString을 조회하거나 설정한다.

        • pathName

          쿼리 스트링(query string)이나 플래그먼트(fragment)를 포함하지 않은 '/'로 시작하는 USVString을 조회하거나 설정한다.

        • port

          URL에 포트(port)가 존재하는 경우 조회하거나 설정하는 USVString이다.

        • protocol

          URL의 콜론(:)을 포함하여 프로토콜(protocol) 구성 요소를 조회하거나 설정하는 USVString이다.

        • referrerPolicy

          지정된 URL에서 리소스를 가져올 때 보낼 리퍼러를 정의하는 area 요소의 HTML referrerpolicy 속성을 나타낸다.

        • rel

          대상 객체와 연결된 객체와의 연결 관계를 지정하는 HTML의 rel 애트리뷰트(attribute)를 조회하거나 설정한다.

        • relList

          요소가 나타내는 리소스와 현재 문서 간의 관계를 나타내는 링크 유형 집합을 포함하는 라이브 상태의 DOMTokenList를 조회한다.

        • search

          쿼리 문자열(query string)을 조회하거나 설정하는 USVString이다.

        • username

          도메인 이름 앞에 지정된 사용자 이름을 포함하는 USVString이다.

    • HTMLBaseElement.prototype

      • Properties

        • href

          문서의 상대 URL에 대한 기본 URL을 포함하는 HTML href 속성을 나타낸다.

        • target

          참조에 대한 target 속성이 지정되지 않은 요소에게 기본 target 속성을 반영한다.

    • HTMLBodyElement.prototype

      • Events

        • afterprint

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

        • beforeprint

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

        • beforeunload

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

        • hashchange

          URL의 조각 식별자(hash)가 변경되면 발생한다.

        • languagechange

          사용자의 기본 언어가 변경될 때 발생한다.

        • message

          웹 소켓을 통해서 메시지를 받았을 때 발생한다.

        • messageerror

          역직렬화할 수 없는 메시지를 수신할 때 window에서 발생한다.

        • offline

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

        • online

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

        • pagehide

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

        • pageshow

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

        • popstate

          사용자가 세션 기록을 탐색하는 동안 활성 기록 항목이 변경되면 발생한다.

        • rejectionhandled

          Promise가 거부될 때 명시된 거부를 처리 후 전역(Window, Worker) 스코프로 전송된다.

        • resize

          창 크기가 변경될 때 발생한다.

        • storage

          다른 문서의 컨텍스트에서 저장소 영역이 수정되면 발생한다.

        • unhandledrejection

          Promise가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 스코프로 전송한다.

        • unload

          문서나 하위 리소스가 언로드(unload)일 때 발생한다.

      • Event handlers

        • onafterprint

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

        • onbeforeprint

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

        • onbeforeunload

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

        • onhashchange

          URL의 조각 식별자(hash)가 변경되면 발생한다.

        • onlanguagechange

          사용자의 기본 언어가 변경될 때 발생한다.

        • onmessage

          웹 소켓을 통해서 메시지를 받았을 때 발생한다.

        • onmessageerror

          역직렬화할 수 없는 메시지를 수신할 때 window에서 발생한다.

        • onoffline

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

        • ononline

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

        • onpagehide

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

        • onpageshow

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

        • onpopstate

          사용자가 세션 기록을 탐색하는 동안 활성 기록 항목이 변경되면 발생한다.

        • onrejectionhandled

          Promise가 거부될 때 명시된 거부를 처리 후 전역(Window, Worker) 스코프로 전송된다.

        • onresize

          창 크기가 변경될 때 발생한다.

        • onstorage

          다른 문서의 컨텍스트에서 저장소 영역이 수정되면 발생한다.

        • onunhandledrejection

          Promise가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 스코프로 전송한다.

        • onunload

          문서나 하위 리소스가 언로드(unload)일 때 발생한다.

    • HTMLButtonElement.prototype

      • Methods

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • setCustomValidity()

          요소에 대한 사용자 정의 유효성 메시지를 설정한다.

      • Properties

        • accessKey

          요소에 대한 액세스가 가능한 단일 문자 키보드 키를 나타내는 DOMString이다.

        • autofocus

          페이지가 로드가 되면 기본적으로 포커스 여부를 지정한다.

        • disabled

          요소가 비활성화 되어 접근이 안되도록 하는 여부를 나타낸다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • formAction

          연결된 HTMLFormElement의  폼 처리를 담당하는 리소스의 URI를 조회하거나 설정한다.

        • formEnctype

          폼을 제출할 때 사용하는 콘텐츠 유형을 조회하거나 설정한다.

        • formMethod

          폼을 제출할 때 사용하는 HTTP 메서드를 조회하거나 설정한다.

        • formNoValidate

          폼이 제출될 때 유효성이 검사되지 않음을 조회하거나 설정한다.

        • formTarget

          폼을 제출하고 응답을 받을 프레임을 조회하거나 설정할 수 있다.

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • tabindex

          요소의 HTML tabindex 속성의 나타낸다.

        • type

          요소의 HTML type 속성을 나타낸다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

        • validity

          요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

        • willValidate

          요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

    • HTMLCanvasElement.prototype

      • Methods

        • captureStream()

          <canvas>상의 화면을 실시간 비디오로 캡처할 수 있는 CanvasCaptureMediaStreamTrack 객체를 반환한다.

        • getContext()

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

        • toBlob()

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

        • toDataURL()

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

        • transferControlToOffscreen()

          기본 쓰레드(main thread) 또는 워크 쓰레드(work thread)에서 OffscreenCanvas 객체에게 제어 권한을 넘긴다.

      • Properties

        • height

          height HTML 속성을 CSS 픽셀로 조회하거나 설정한다.

        • width

          width HTML 속성을 CSS 픽셀로 조회하거나 설정한다.

      • Events

        • webglcontextcreationerror

          WebGL2RenderingContext 컨텍스트를 생성할 수 없을 때 발생한다.

        • webglcontextlost

          User-Agent가 WebGLRenderingContext 객체와 연결된 그리기 버퍼가 손실되었음을 감지할 때 발생한다.

        • webglcontextrestored

          WebGLRenderingContext 또는 WebGL2RenderingContext 객체에 대한 그리기 버퍼를 복원하면 발생한다.

    • HTMLDataElement.prototype

      • Properties

        • value

          요소의 HTML 속성 value를 나타낸다.

    • HTMLDataListElement.prototype

      • Properties

        • options

          가지고 있는 <option> 요소의 컬렉션을 나타낸다.

    • HTMLDetailsElement.prototype

      • Events

        • toggle

          <details> 요소의 열림/닫힘 상태가 토글될 때 발생한다.

    • HTMLDialogElement.prototype

      • Events

        • cancel

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

        • close

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

      • Event Handlers

        • oncancel

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

        • onclose

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

      • Properties

        • open

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

        • returnValue

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

      • Methods

        • close()

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

        • show()

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

        • showModal()

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

    • HTMLEmbedElement.prototype

      • Properties

        • height

          요소의 높이를 나타내는 HTML의 height 속성을 조회하거나 설정한다.

        • src

          리소스의 경로를 갖는 HTML의 src 속성을 나타낸다.

        • type

          리소스의 유형을 정의하는 HTML의 type 속성을 나타낸다.

        • width

          요소의 높이를 나타내는 HTML의 width 속성을 조회하거나 설정한다.

    • HTMLFieldSetElement.prototype

      • Methods

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • setCustomValidity()

          요소에 대한 사용자 정의 유효성 메시지를 설정한다.

      • Properties

        • disabled

          요소가 비활성화 되어 접근이 안되도록 하는 여부를 나타낸다.

        • elements

          하위 요소들을 HTMLCollection 으로 참조한다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • type

          요소의 HTML type 속성을 나타낸다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

        • validity

          요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

        • willValidate

          요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

    • HTMLFormElement.prototype

      • Event handlers

        • onformdata

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

        • oninvalid

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

        • onreset

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

        • onsubmit

          폼을 전송할 때 발생한다.

      • Events

        • formdata

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

        • invalid

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

        • reset

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

        • submit

          폼을 전송할 때 발생한다.

      • Methods

        • checkValidity()

          폼 요소에서 유효성 검사를 실시하는 경우에는 폼 내부에서 제약 조건을 갖는 전체 입력 요소를 일괄 검사하여 하나라도 충족되지 않는 경우에는 false를 반환한다.

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

        • requestSubmit()

        • reset()

          폼 양식을 초기화한다.

        • submit()

          폼의 데이터를 전송한다.

      • Properties

    • HTMLIFrameElement.prototype

      • Properties

        • allow

          프레임이 콘텐츠를 표시할 수 있는 출처 목록을 나타낸다.

        • allowfullscreen

          인라인 프레임(문서 내에 존재하는 프레임)을 전체 화면 모드로 전환할 것인지에 대한 여부를 나타낸다.

        • allowPaymentRequest

          지불 요청 API가 교차 출처 프레임 내에서 호출될 수 있는지의 여부를 나타낸다.

        • contentDocument

          프레임 내 활성 문서의 document 객체를 참조한다.

        • contentWindow

          중첩되어 있는 컨텍스트에 대한 window 객체를 참조한다.

        • csp

          프레임에 포함된 문서가 자체적으로 시행하기 위해 동의해야 하는 콘텐츠 보안 정책을 지정한다.

        • featurePolicy

          특정 문서에 적용된 기능 정책을 검사하기 위한 간단한 API를 제공하는 FeaturePolicy 객체를 참조한다.

        • height

          요소의 높이를 나타내는 HTML의 height 속성을 조회하거나 설정한다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • referrerPolicy

          HTML의 referrerpolicy 속성을 나타낸다.

        • sandbox

          프레임 내 콘텐츠의 동작에 대한 추가 제한을 나타내는 HTML의 sandbox 속성을 나타낸다.

        • src

          프레임에 표시할 콘텐츠의 URL을 나타내는 HTML의 src 속성을 조회하거나 정의할 수 있다.

        • srcdoc

          프레임에 표시할 내용을 나타낸다.

        • width

          요소의 높이를 나타내는 HTML의 width 속성을 조회하거나 설정한다.

    • HTMLImageElement.prototype

      • Methods

        • decode()

          이미지가 디코딩되고 DOM에 이미지를 추가하는 것이 안전할 때 Promise 객체를 반환한다.

      • Properties

        • alt

          요소의 HTML alt 속성을 조회하거나 설정한다.

        • complete

          성공 여부와 관계없이 웹브라우저가 이미지 가져오기를 완료한 경우 true 값을 조회한다.

        • crossOrigin

          연결되는 리소스의 CORS 설정을 나타낸다.

        • currentSrc

          현재 화면에 표시된 이미지가 로드된 URL을 조회한다.

        • decoding

          이미지를 디코딩해야 하는 방법에 대해 웹브라우저에게 제공된 힌트를 나타낸다.

        • height

          요소의 높이를 나타내는 HTML의 height 속성을 조회하거나 설정한다.

        • isMap

          이미지가 서버 측 이미지 맵의 일부임을 나타내는 HTML ismap 속성을 나타낸다.

        • loading

          이미지를 즉시 로드할지 아니면 필요할 때 로드할지에 대한 힌트를 웹브라우저에게 제공한다.

        • naturalHeight

          이미지의 실제 높이를 CSS 픽셀 단위를 갖는 값으로 조회한다.

        • naturalWidth

          이미지의 실제 폭을 CSS 픽셀 단위를 갖는 값으로 조회한다.

        • referrerPolicy

          HTML의 referrerpolicy 속성을 나타낸다.

        • sizes

          요소의 HTML sizes 속성을 나타낸다.

        • src

           이미지의 전체 URL을 갖는 HTML src 속성을 나타낸다.

        • srcset

          <img> 요소의 HTML srcset 속성을 나타낸다.

        • useMap

          <img> 요소의 HTML usemap 속성을 나타낸다.

        • width

          요소의 높이를 나타내는 HTML의 width 속성을 조회하거나 설정한다.

        • x

          <html> 요소를 포함하는 block을 기준으로 이미지 CSS 레이아웃 상자의 왼쪽 테두리 가장자리의 수평 오프셋을 나타낸다.

        • y

          <html> 요소를 포함하는 block을 기준으로 이미지 CSS 레이아웃 상자의 위쪽 테두리 가장자리의 수직 오프셋을 나타낸다.

    • HTMLInputElement.prototype

      • Event handlers

      • Events

        • beforeinput

          <input>,<select>, <textarea> 요소의 값이 변경되려고 할 때 발생한다.

        • change

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

        • input

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

        • search

        • select

        • selectionchange

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

      • Methods

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • select()

          텍스트를 입력 가능한 <input> 또는 <textarea> 요소의 모든 텍스트를 선택한다.

        • setCustomValidity()

          사용자 정의 유효성 검증을 설정한다.

        • setRangeText()

          텍스트를 입력 가능한 <input> 또는 <textarea> 요소의 텍스트 범위를 새 문자열로 바꾼다.

        • setSelectionRange()

          입력 가능한 <input> 또는 <textarea> 요소에서 현재 텍스트 선택의 시작 및 끝 위치를 설정한다.

      • Properties

        <input> 요소는 type 속성에 따라 역할이 다르므로 사용 가능한 프로퍼티도 구분되어 사용된다.

        • Properties related to the parent form

          부모 요소인 <form>과 관련된 속성

          • form

            요소에 연결된 HTMLFormElement 객체를 참조한다.

          • formAction

            연결된 HTMLFormElement의  폼 처리를 담당하는 리소스의 URI를 조회하거나 설정한다.

          • formEnctype

            폼을 제출할 때 사용하는 콘텐츠 유형을 조회하거나 설정한다.

          • formMethod

            폼을 제출할 때 사용하는 HTTP 메서드를 조회하거나 설정한다.

          • formNoValidate

            폼이 제출될 때 유효성이 검사되지 않음을 조회하거나 설정한다.

          • formTarget

            폼을 제출하고 응답을 받을 프레임을 조회하거나 설정할 수 있다.

        • Properties that a type with multiple input value

          • multiple

            두 개 이상의 값을 가질 수 있는지의 여부를 나타낸다.

        • Properties that all types

          모든 <input> 요소와 관련된 속성

          • name

            요소의 HTML name 속성을 조회하거나 설정한다.

          • type

            요소의 HTML type 속성을 조회하거나 설정한다.

          • value

            입력 요소의 값을 조회하거나 설정한다.

        • Properties that checkbox or radio type

          checkbox 또는 radio 유형과 관련된 속성

          • checked

            현재 체크(선택)되었는지의 여부를 나타낸다.

          • defaultChecked

            원래 지정된 radio 또는 checkbox의 기본 상태를 조회하거나 설정한다.

          • indeterminate

            checkbox 또는 radio가 불확실한 상태인지 여부를 조회한다.

        • Properties that except for hidden types

          숨김 유형을 제외한 모든 <input> 요소

          • accessKey

            요소에 대한 액세스가 가능한 단일 문자 키보드 키를 나타내는 DOMString이다.

          • autofocus

            페이지가 로드가 되면 기본적으로 포커스 여부를 지정한다.

          • defaultValue

            원래 지정된 대로 기본값을 조회하거나 설정한다.

          • dirName

            요소의 방향성을 조회하거나 설정한다.

          • disabled

            입력 요소를 비활성화하여 상호작용을 차단한다.

          • required

            전송 전 입력 요소가 값이 비워져 있으면 안되는 필수 입력을 의미하도록 설정하거나 조회한다.

          • validationMessage

            입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

          • validity

            요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

          • willValidate

            요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

        • Properties that file type

          type 값이 file인 경우 사용되는 속성

          • accept

            서버에서 허용하는 쉼표로 구분된 파일 유형 목록을 나타낸다.

          • files

             업로드를 위해 선택된 파일을 나타내는 File 객체 목록이 포함된 FileList 객체를 참조한다.

        • Properties that image type

          type 값이 image인 경우 사용되는 속성

          • alt

            요소의 HTML alt 속성을 조회하거나 설정한다.

          • height

            요소의 높이를 나타내는 HTML의 height 속성을 조회하거나 설정한다.

          • src

            요소의 HTML src 속성을 조회하거나 설정한다.

          • width

            요소의 높이를 나타내는 HTML의 width 속성을 조회하거나 설정한다.

        • Properties that quantitative data entry factors

          typenumber인 요소 등과 같이 정량적 데이터 입력 요소에 사용되는 속성

          • max

            요소의 HTML max 속성을 나타낸다.

          • min

            요소의 HTML min 속성을 나타낸다.

          • step

            요소의 HTML step 속성을 나타낸다.

          • valueAsDate

            날짜로 해석되는 요소의 값을 조회하거나 설정한다.

          • valueAsNumber

        • Properties that text or number type

          type 속성이 text이거나 number인 요소의 속성

          • autocomplete

            입력시 자동 완성 기능 여부를 설정하거나 조회한다.

          • inputmode

            값을 입력할 때 사용할 가상 키보드 구성 유형에 대한 힌트를 웹브라우저에게 제공한다.

          • maxLength

            요소의 maxlength HTML 속성을 나타낸다.

          • minLength

            요소의 minlength HTML 속성을 나타낸다.

          • pattern

            입력 값을 검사하는 정규식을 포함한 HTML pattern 속성을 조회하거나 설정한다.

          • placeholder

            요소의 placehoder HTML 속성을 나타낸다.

          • readOnly

            입력된 값을 수정할 수 없는 readonly HTML 속성을 나타낸다.

          • selectionDirection

            선택이 발생한 방향을 나타낸다.

          • selectionEnd

            선택한 텍스트의 끝 인덱스를 조회하거나 설정한다.

          • selectionStart

            선택한 텍스트의 시작 인덱스를 조회하거나 설정한다.

          • size

            요소의 HTML size 속성을 나타낸다.

    • HTMLLabelElement.prototype

      • Properties

        • control

          <label>과 연결된 컨트롤을 나타낸다.

        • form

          <label>에 연결된 입력 요소의 상위 <form >요소를 참조한다.

        • htmlFor

          요소의 HTML for 속성을 나타낸다.

    • HTMLLegendElement.prototype

      • Properties

        • accessKey

          요소에 대한 액세스가 가능한 단일 문자 키보드 키를 나타내는 DOMString이다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

    • HTMLLIElement.prototype

      • Properties

        • value

          <ol> 하위의 <li> 요소의 서수 위치를 나타낸다.

    • HTMLLinkElement.prototype

      • Properties

        • as

          로드되는 콘텐츠 유형을 나타낸다.

        • crossOrigin

          연결되는 리소스의 CORS 설정을 나타낸다.

        • disabled

          연결의 비활성 여부를 나타낸다.

        • href

          연결되는 리소스의 URI를 나타낸다.

        • hreflang

          연결된 리소스의 언어 코드를 나타낸다.

        • media

          리소스가 적용되는 하나 이상의 미디어 형식 목록을 나타낸다.

        • referrerPolicy

          HTML의 referrerpolicy 속성을 나타낸다.

        • rel

          대상 객체와 연결된 객체와의 연결 관계를 지정하는 HTML의 rel 애트리뷰트(attribute)를 조회하거나 설정한다.

        • relList

          요소가 나타내는 리소스와 현재 문서 간의 관계를 나타내는 링크 유형 집합을 포함하는 라이브 상태의 DOMTokenList를 조회한다.

        • sheet

          지정된 요소와 관련된 StyleSheet 객체를 참조하거나 없는 경우 null을 갖는다.

        • sizes

          요소의 HTML sizes 속성을 나타낸다.

        • type

          연결된 리소스의 MIME 유형을 나타낸다.

    • HTMLMapElement.prototype

      • Properties

        • areas

          <map> 요소와 관련된 <area> 요소를 나타내는 라이브 상태의 HTMLCollection를 참조한다.

        • name

          다른 컨텍스트를 참조하기 위해 <map> 요소를 식별하는 값을 갖는다.

    • HTMLMetaElement.prototype

      • Properties

        • content

          메타 데이터 속성 값을 조회하거나 설정한다.

        • httpEquiv

          웹 문서에 대해 정의할 HTTP 응답 헤더의 이름을 조회하거나 설정한다.

        • name

          메타 데이터 이름을 조회하거나 설정한다.

    • HTMLMeterElement.prototype

      • Properties

        • high

          요소의 HTML 속성인 high를 설정하거나 조회한다.

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • max

          요소의 HTML 속성인 max를 설정하거나 조회한다.

        • min

          요소의 HTML 속성인 min를 설정하거나 조회한다.

        • optimum

          요소의 HTML 속성인 optimum를 설정하거나 조회한다.

        • value

          요소의 HTML 속성인 value를 설정하거나 조회한다.

    • HTMLModElement.prototype

      • Properties

        • cite

          요소의 cite HTML 속성을 조회하거나 설정한다.

        • dateTime

          요소의 datetime HTML 속성을 조회하거나 설정한다.

    • 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.prototype

    • HTMLOptGroupElement.prototype

      • Properties

        • disabled

          선택항목의 비활성을 제어한다.

        • label

          요소의 label HTML 속성을 조회하거나 설정한다.

    • HTMLOptionElement.prototype

      • Properties

        • defaultSelected

          요소의  selected HTML 속성의 초기값이며 기본적으로 선택되었는지 여부를 나타낸다.

        • disabled

          요소가 비활성화 되어 접근이 안되도록 하는 여부를 나타낸다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • index

          지정 요소의 동일 형제 요소 내에서 위치 값을 나타낸다.

        • label

          요소의 label HTML 속성을 나타낸다.

        • selected

          지정된 요소가 선택되어 있는지 여부를 나타낸다.

        • text

          요소의 텍스트 콘텐츠를 나타낸다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

    • HTMLOutputElement.prototype

      • Properties

        • defaultValue

          입력 요소의 기본값을 나타낸다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • htmlFor

          요소의 for HTML 속성을 나타낸다.

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

        • validity

          요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

        • willValidate

          요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

      • Methods

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • setCustomValidity()

          요소에 대한 사용자 정의 유효성 메시지를 설정한다.

    • HTMLParamElement.prototype

      • Properties

        • name

          요소의 HTML name 속성을 나타낸다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

    • HTMLProgressElement.prototype

      • Properties

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • max

          요소의 max HTML 속성을 나타낸다.

        • position

          현재 값(value)을 최대값(max)으로 나눈 결과를 조회한다.

        • value

          요소의 value HTML 속성을 나타낸다.

    • HTMLQuoteElement.prototype

      • Properties

        • cite

          요소의 cite HTML 속성을 나타낸다.

    • HTMLScriptElement

      • Methods

        • supports()

          웹브라우저가 지정된 유형의 스크립트를 지원하는지 여부를 나타낸다.

    • HTMLScriptElement.prototype

      • Properties

        • async

          스크립트의 실행 방법을 제어한다.

        • crossOrigin

          연결되는 리소스의 CORS 설정을 나타낸다.

        • defer

          스크립트의 실행 방법을 제어한다.

        • noModule

          ES2015 모듈(module)을 지원하는 웹브라우저에서 스크립트 실행을 제어한다.

        • referrerPolicy

          HTML의 referrerpolicy 속성을 나타낸다.

        • src

          요소의 HTML src 속성을 조회하거나 설정한다.

        • text

          <script> 요소 내 모든 텍스트 노드의 내용을 트리 순서로 결합하여 조회한다.

        • type

          MIME 유형을 정의한 요소의 type HTML 속성을 나타낸다.

    • HTMLSelectElement.prototype

      • Events

        • input

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

      • Event Handlers

        • oninput

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

      • Properties

        • autofocus

          페이지가 로드가 되면 기본적으로 포커스 여부를 지정한다.

        • disabled

          요소가 비활성화 되어 접근이 안되도록 하는 여부를 나타낸다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • length

          자식 <option> 요소의 갯수를 나타낸다.

        • multiple

          요소의 multiple HTML 속성을 나타낸다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • options

          자식인 <option>(HTMLOptionElement) 요소의 집합을 참조한다.

        • required

          서버에 전송시 필수로 전송할 데이터를 가져야 하는지 여부를 나타내는 요소의 required HTML 속성을 나타낸다.

        • selectedIndex

          첫 번째로 선택된 <option> 요소의 인덱스를 나타낸다.

        • selectedOptions

          선택된 <option> 요소의 집합을 참조한다.

        • size

          화면에 표시될 <option> 항목의 수를 갖는 size HTML 속성을 나타낸다.

        • type

          컨트롤의 유형을 나타낸다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

        • validity

          요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

        • willValidate

          요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

      • Methods

        • add()

          해당 <select> 요소에 대한 <option> 요소 컬렉션에 새롭게 추가한다.

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • item()

          요소에 대한 <option> 요소 컬렉션에서 항목을 반환한다.

        • namedItem()

          인수로 지정된 이름을 가진 HTMLOptionElement 컬렉션의 항목을 반환한다.

        • remove()

          <select> 요소에 대한 <option> 컬렉션에서 인수로 지정된 인덱스를 갖는 요소를 제거한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • setCustomValidity()

          요소에 대한 사용자 정의 유효성 메시지를 설정한다.

    • HTMLSlotElement.prototype

      • Events

      • Properties

        • name

          지정된 슬롯(slot)의 이름을 조회하거나 설정한다.

      • Methods

        • assign()

          지정된 슬롯(slot)에 대해 수동으로 할당된 노드를 인수로 지정된 노드로 설정한다.

        • assignedElements()

          슬롯에 할당된 요소의 시퀀스를 반환한다.

        • assignedNodes()

          슬롯(slot)에 할당된 노드의 시퀀스를 반환하고 flatten 옵션이 true인 경우 슬롯의 자손인 다른 슬롯의 할당된 노드를 반환한다.

    • HTMLSourceElement.prototype

      • Properties

        • media

          미디어쿼리를 지정하는 요소의 media HTML 속성을 나타낸다.

        • sizes

          중단점 사이의 이미지 크기를 나타낸다.

        • src

          미디어 리소스에 대한 경로를 갖는 src HTML 속성을 나타낸다.

        • srcset

          요소의 srcset HTML 속성을 나타낸다.

        • type

          MIME 유형을 정의한 요소의 type HTML 속성을 나타낸다.

    • HTMLStyleElement.prototype

      • Properties

        • disabled

          스타일시트의 비활성 여부를 나타낸다.

        • media

          미디어쿼리를 지정하는 요소의 media HTML 속성을 나타낸다.

        • sheet

          요소와 관련된 StyleSheet 객체를 참조한다.

    • HTMLTableCellElement.prototype

      • Properties

        • abbr

          <th> 요소에 대한 대체 레이블을 지정한다.

        • cellIndex

          <tr> 요소 내의 셀 컬렉션에서 셀의 위치를 나타낸다.

        • colspan

          지정 셀이 병합되는 열 수를 조회하거나 지정한다.

        • headers

          셀과 관련된 헤더를 나타내는 th 요소의 ID 목록을 참조한다.

        • rowspan

          지정 셀이 병합되는 행 수를 조회하거나 지정한다.

        • scope

          <th> 셀의 범위를 나타낸다.

    • HTMLTableColElement.prototype

      • Properties

        • span

          요소의 span HTML 속성을 나타낸다.

    • HTMLTableElement.prototype

      • Methods

        • createCaption()

          테이블의 <caption> 요소를 반환한다.

        • createTBody()

          테이블에 새로운 tbody 요소를 생성하고 반환한다.

        • createTFoot()

          테이블의 <tfoot> 요소를 반환한다.

        • createTHead()

          테이블의 <thead> 요소를 반환한다.

        • deleteCaption()

          테이블의 자식인 첫번째 <caption> 요소를 제거한다.

        • deleteRow()

          인수로 지정된 인덱스를 갖는 <tr> 요소를 제거한다.

        • deleteTFoot()

          <table> 요소의 자식인 첫번째 <tfoot> 요소를 제거한다.

        • deleteTHead()

          <table> 요소의 자식인 첫번째 <thead> 요소를 제거한다.

        • insertRow()

          테이블에 새로운 <tr> 요소를 지정된 인덱스 바로 앞에 추가하고 반환한다.

      • Properties

        • caption

          요소의 자식으로 첫번째 <caption> 요소을 참조한다.

        • rows

          요소의 모든 행(<tr>, <thead>, <tbody>, <tfoot>)을 HTMLCollection으로 참조한다.

        • tBodies

          요소의 <tbody>에 포함된 요소들을 HTMLCollection으로 참조한다.

        • tFoot

          요소의 자식인 첫번째 <tfoot> 요소를 참조한다.

        • tHead

          요소의 자식인 첫번째 <thead> 요소를 참조한다.

    • HTMLTableRowElement.prototype

      • Methods

        • deleteCell()

          지정 tr 요소 내에서 지정된 인덱스를 갖는 셀을 제거한다.

        • insertCell()

          <tr>요소에서 지정된 위치 앞에 새로운 셀을 추가하고 추가된 셀의 참조를 반환한다.

      • Properties

        • cells

          지정 <tr> 요소 내의 셀(<th>, <td>)들을 HTMLCollection으로 참조한다.

        • rowIndex

          테이블에서 지정 <tr> 요소의 논리적 위치(index)를 조회한다.

        • sectionRowIndex

          지정된 <tr> 요소가 속한 섹션에서의 자신의 논리적 위치(index)를 조회한다.

    • HTMLTableSectionElement.prototype

      • Methods

        • deleteRow()

          섹션 내에 있는 지정 인덱스를 갖는 <tr> 요소를 제거한다.

        • insertRow()

          섹션 내에서 지정된 위치 앞에 새로운 <tr> 요소를 추가한다.

    • HTMLTemplateElement.prototype

      • Properties

        • content

          <template> 요소의 템플릿 콘텐츠를 나타낸다.

    • HTMLTextAreaElement.prototype

      • Methods

        • checkValidity()

          요소가 제약 조건 유효성 검사의 대상이고 제약 조건을 충족하지 않는 경우 false, 제약 조건 유효성 검사의 대상이 아니거나 충족하는 경우에 true를 반환한다.

        • reportValidity()

          checkValidity() 메소드를 실행하여 false를 반환한 경우 Form을 제출한 것과 동일한 방식으로 잘못된 입력임을 사용자에게 알린다.

        • select()

          텍스트를 입력 가능한 <input> 또는 <textarea> 요소의 모든 텍스트를 선택한다.

        • setCustomValidity()

          요소에 대한 사용자 정의 유효성 메시지를 설정한다.

        • setRangeText()

          텍스트를 입력 가능한 <input> 또는 <textarea> 요소의 텍스트 범위를 새 문자열로 바꾼다.

        • setSelectionRange()

          입력 가능한 <input> 또는 <textarea> 요소에서 현재 텍스트 선택의 시작 및 끝 위치를 설정한다.

      • Properties

        • accessKey

          요소에 대한 액세스가 가능한 단일 문자 키보드 키를 나타내는 DOMString이다.

        • autocapitalize

          사용자가 영문을 입력시 대문자 사용 동작을 반환하거나 설정한다.

        • autocomplete

          입력시 자동 완성 기능 여부를 설정하거나 조회한다.

        • autofocus

          페이지가 로드가 되면 기본적으로 포커스 여부를 지정한다.

        • cols

          입력 요소의 가시적 너비를 나타내는 cols HTML 속성을 나타낸다.

        • defaultValue

          입력 요소의 기본값을 나타낸다.

        • disabled

          요소가 비활성화 되어 접근이 안되도록 하는 여부를 나타낸다.

        • form

          요소에 연결된 HTMLFormElement 객체를 참조한다.

        • labels

          요소와 연결된 <label> 요소의 NodeList를 참조한다.

        • maxLength

          요소의 maxlength HTML 속성을 나타낸다.

        • minLength

          요소의 minlength HTML 속성을 나타낸다.

        • name

          요소의 HTML name 속성을 나타낸다.

        • placeholder

          요소의 placehoder HTML 속성을 나타낸다.

        • readOnly

          입력된 값을 수정할 수 없는 readonly HTML 속성을 나타낸다.

        • required

          서버에 전송시 필수로 전송할 데이터를 가져야 하는지 여부를 나타내는 요소의 required HTML 속성을 나타낸다.

        • rows

          입력 요소의 가시적 높이를 나타내는 rows  HTML 속성을 나타낸다.

        • selectionDirection

          선택이 발생한 방향을 조회하거나 설정한다.

        • selectionEnd

          선택한 텍스트의 끝의 인덱스를 조회하거나 설정한다.

        • selectionStart

          선택한 텍스트의 시작 부분의 인덱스를 조회하거나 설정한다.

        • tabIndex

          요소의 HTML tabindex 속성의 나타낸다.

        • textLength

          입력된 문자열의 길이를 조회한다.

        • type

          textarea 값을 갖는다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다.

        • validity

          요소의 현재 유효성 상태를 확인할 수 있는 ValidityState 객체를 참조한다.

        • value

          입력 요소의 값을 조회하거나 설정한다.

        • willValidate

          요소가 제약 조건 유효성 검사의 후보인지 여부를 조회한다.

        • wrap

          텍스트를 줄바꿈하는 방법을 나타내는 wrap HTML 속성을 조회하거나 설정한다.

    • HTMLTimeElement.prototype

      • Properties

        • dateTime

          요소의 datetime HTML 속성을 나타낸다.

    • HTMLTitleElement.prototype

      • Properties

        • text

          문서의 제목을 나타낸다.

    • HTMLTrackElement.prototype

      • Event handlers

        • oncuechange

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

      • Events

        • cuechange

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

      • Properties

        • default

          요소의 default HTML 속성을 나타낸다.

        • kind

          텍스트 트랙이 사용되는 방식을 나타내는 kind HTML 속성을 조회하거나 설정한다.

        • label

          사용자가 읽을 수 있는 트랙 제목을 나타내는 label HTML 속성을 나타낸다.

        • readyState

          트랙의 준비 상태를 나타낸다.

        • src

          텍스트 트랙 데이터의 주소를 나타내는 src HTML 속성을 나타낸다.

        • srclang

          텍스트 트랙 데이터의 언어를 알리는 srclang HTML 속성을 나타낸다.

        • track

          현재 <track> 요소의 TextTrack 인스턴스를 참조한다.

  • HTML Media Objects

    • Constants

      미디어 요소 처리와 관련된 상태를 나타내는 값을 가진 상수를 제공한다.

      • NETWORK_EMPTY

        데이터가 없거나 readState 상태를 나타낸다.

      • NETWORK_IDLE

        미디어 요소가 활성 상태이고 미디어 리소스를 선택했지만 네트워크를 사용하고 있지 않은 상태를 나타낸다.

      • NETWORK_LOADING

        미디어 리소스 데이터를 다운로드 하고 있는 상태를 나타낸다.

      • HAVE_NOTHING

        재생 가능한 미디어 리소스의 정보를 찾지 못하거나 찾을 수 없는 상태를 나타낸다.

      • HAVE_METADATA

        미디어 리소스의 정보(재생 시간, 크기)는 확인했으나 현재 재생 위치에서 재생할 수 있는 데이터가 없는 상태를 나타낸다.

      • HAVE_CURRENT_DATA

        현재 재생 위치에서 사용할 데이터는 확보했지만 다음 프레임으로 재생하기 위한 데이터를 준비하지 못한 상태를 나타낸다.

      • HAVE_FUTURE_DATA

        현재 재생 위치에서 재생을 위한 데이터를 확보했지만 재생 속도에 맞추어 매끄럽게 재생할 수 있을 만큼의 데이터를 확보하지 못한 상태를 나타낸다.

      • HAVE_ENOUGH_DATA

        재생 속도에 맞추어 매끄럽게 재생할 수 있는 준비가 된 상태를 나타낸다.

    • HTMLAudioElement.prototype

      이 객체 또는 인터페이스는 상속가능한 속성과 메소드를 가지고 있지 않으며 상속된 속성과 메소드를 사용한다.

      상속된 멤버 보기
    • HTMLMediaElement.prototype

      • Event handlers

        • onabort

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

        • oncanplay

          재생 가능한 미디어 리소스가 확보된 경우에 발생한다.

        • oncanplaythrough

          readyStateHAVE_ENOUGH_DATA로 변경될 때 발생한다.

        • ondurationchange

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

        • onemptied

          미디어 요소가 load() 메소드에 의해 다시 초기화될 때 발생하거나 치명적인 오류가 있어 미디어 리소스를 준비하지 못할 때 발생한다.

        • onended

          미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다.

        • onerror

          에러가 발생하여 미디어 리소스를 로드할 수 없는 시점에 발생한다.

        • onloadeddata

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

        • onloadedmetadata

          메타 데이터(metadata)가 로드되면 발생한다.

        • onloadstart

          웹브라우저가 미디어 리소스를 다운로드하기 시작하는 시점에 발생한다.

        • onpause

          재생이 일시 중지될 때 발생한다.

        • onplay

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

        • onplaying

          버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.

        • onprogress

        • onratechange

          재생 속도가 변경될 때 발생한다.

        • onseeked

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

        • onseeking

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

        • ontimeupdate

          재생 위치(currentTime)가 변경되었을 때 발생한다.

        • onvolumechange

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

        • onwaiting

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

      • Events

        • abort

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

        • canplay

          재생 가능한 미디어 리소스가 확보된 경우에 발생한다.

        • canplaythrough

          readyStateHAVE_ENOUGH_DATA로 변경될 때 발생한다.

        • durationchange

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

        • emptied

          미디어 요소가 load() 메소드에 의해 다시 초기화될 때 발생하거나 치명적인 오류가 있어 미디어 리소스를 준비하지 못할 때 발생한다.

        • ended

          미디어 끝에 도달했거나 더 이상 사용할 수 있는 데이터가 없어 재생 또는 스트리밍이 중지되면 발생한다.

        • error

          에러가 발생하여 미디어 리소스를 로드할 수 없는 시점에 발생한다.

        • loadeddata

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

        • loadedmetadata

          메타 데이터(metadata)가 로드되면 발생한다.

        • loadstart

          웹브라우저가 미디어 리소스를 다운로드하기 시작하는 시점에 발생한다.

        • pause

          재생이 일시 중지될 때 발생한다.

        • play

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

        • playing

          버퍼링을 위해 일시 중지 또는 중지된 후 다시 재생될 때 발생한다.

        • progress

        • ratechange

          재생 속도가 변경될 때 발생한다.

        • seeked

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

        • seeking

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

        • timeupdate

          재생 위치(currentTime)가 변경되었을 때 발생한다.

        • volumechange

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

        • waiting

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

      • 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 값으로 조회하거나 설정한다.

    • HTMLVideoElement.prototype

      • Properties

        • height

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

        • poster

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

        • videoHeight

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

        • videoWidth

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

        • width

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