JavaScript Indexing

{object_name}

Indexing

  • Window

    • window

      • Properties

        • visualViewport

          • Properties

            • height

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

            • offsetLeft

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

            • offsetTop

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

            • pageLeft

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

            • pageTop

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

            • scale

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

            • width

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

          • Event Handlers

            • onresize

              창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.

            • onscroll

              요소가 스크롤 될 때 발생한다.

        • window

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

        • closed

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

        • console

          • Methods

            • dir()

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

            • log()

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

        • customElements

          • Methods

            • define()

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

            • get()

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

            • upgrade()

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

        • devicePixelRatio

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

        • document

          • Properties

            • activeElement

              현재 문서에서 포커스를 가진 DOM 내의 요소를 참조한다.

            • adoptedStyleSheets

              현재 문서에서 사용될 구성된 스타일시트 배열을 설정하거나 조회한한다.

            • body

              현재 문서의 <body> 요소를 나타내는 HTMLBodyElement 객체를 참조한다.

            • characterSet

              현재 문서의 문자 인코딩을 조회한다.

            • childElementCount

              현재 문서의 하위 요소의 개수를 조회한다.

            • children

              현재 문서의 모든 자식 요소를 포함한는 라이브 상태의 HTMLCollection을 조회한다.

            • compatMode

              현재 문서가 쿼크(quirks) 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.

            • contentType

              현재 문서의 MIME 유형을 조회한다.

            • cookie

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

            • currentScript

              현재 문서에 처리중이며 자바스크립트 모듈이 아닌 <script> 요소를 나타내는 HTMLScriptElement 객체로 참조한다.

            • defaultView

              현재 문서에 연결된 window 객체를 참조한다.

            • designMode

              전체 문서를 편집할 수 있는 여부를 'on' 또는 'off'로 제어한다.

            • dir

              문서의 텍스트 방향을 조회하거나 설정한다.

            • doctype

              현재 문서와 연관된 DTD(Document Type Precent)를 조회한다.

            • documentElement

              문서의 루트 요소인 HTMLElement 객체를 참조한다.

            • documentURI

              현재 문서의 위치를 문자열로 조회한다.

            • embeds

              현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

            • firstElementChild

              현재 문서의 첫 번째 자식 요소를 참조한다

            • fonts

              현재 문서의 FontFaceSet 객체를 참조한다.

            • forms

              현재 문서 내의 <form> 요소를 나타내는 모든 HTMLFormElement 객체를 포함하는 HTMLCollection을 참조한다.

            • fullscreenElement

              현재 문서에서 전체 화면 모드로 표시되는 요소를 조회한다. 전체 화면 모드가 아닌 경우 null을 갖는다.

            • fullscreenEnabled

              현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

            • head

              현재 문서의 <head> 요소를 나타내는 HTMLHeadElement 객체를 참조한다.

            • hidden

              현재 문서가 숨겨져 있는지 여부를 불리언(boolean)으로 조회한다.

            • images

              현재 문서 내의 <img >요소를 나타내는 모든 HTMLImageElement 객체를 포함한 HTMLCollection 객체를 참조한다.

            • implementation

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

            • lastElementChild

              현재 문서의 마지막 자식 요소를 참조한다

            • lastModified

              현재 문서가 마지막으로 수정된 날짜와 시간을 포함하는 문자열을 조회한다.

            • links

              현재 문서 내의 href 애트리뷰트를 가진 <a>, <area> 요소를 나타내는 각각의 모든 HTMLAnchorElement, HTMLAreaElement 객체를 포함하는 HTMLCollection을 참조한다.

            • location

              현재 문서에 대한 URL을 다루는 Location 객체를 참조한다.

            • pictureInPictureElement

              현재 문서에서 PIP 모드로 표시되는 요소를 조회한다. 해당되지 않는 경우 null을 갖는다.

            • PictureInPictureEnabled

              현재 문서에서 PIP 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

            • plugins

              현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

            • pointLockElement

              현재 문서에서 포인터가 잠겨있는 동안 마우스 이벤트의 대상으로 설정된 요소를 참조한다.

            • readyState

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

            • referrer

              현재 페이지에 연결된 이전 페이지의 URL을 조회한다.

            • scripts

              현재 문서 내의 <script> 요소를 나타내는 모든 HTMLScriptElement 객체를 포함한 HTMLCollection 객체를 참조한다.

            • scrollingElement

              현재 문서를 스크롤하는 요소를 참조한다.

            • styleSheets

              현재 문서에 명시적으로 연결되었거나 문서에 포함된 스타일시트를 나타내는 CSSStyleSheet 객체의 목록을 다루는 StyleSheetList 객체를 참조한다.

            • timeline

              현재 문서의 기본 타임라인을 나타내는 DocumentTimeline 객체의 인스턴스를 참조한다.

            • title

              현재 문서의 제목(<title>)을 조회하거나 설정한다.

            • URL

              현재 문서의 위치를 조회한다.

            • visibilityState

              현재 문서의 가시성 상태를 조회한다.

          • Methods

            • adoptNode()

              현재 문서로 다른 문서에 있는 지정된 노드를 전송한다.

            • append()

              현재 문서 하위의 맨 끝에 지정된 노드를 추가한다.

            • close()

              Document.prototype.open() 메소드로 열린 현재 문서의 쓰기를 완료한다.

            • createAttribute()

              새로운 Attr 객체를 생성한다.

            • createAttributeNS()

              네임스페이스 URI를 지정하여 새로운 Attr 객체를 생성한다.

            • createCDATASection()

              새로운 CDATA 섹션 노드를 생성한다.

            • createComment()

              새로운 주석 노드를 생성한다.

            • createDocumentFragment()

              현재 DOM 트리에 영향을 주지 않는 문서 조각으로 사용될 새로운 DOM 트리를 생성한다. 

            • createElement()

              지정된 태그 명으로 새로운 Element 객체를 생성한다.

            • createElementNS()

              지정된 네임스페이스 URI와 정규화된 이름으로 요소를 생성한다.

            • createEvent()

              지정된 유형의 이벤트를 생성한다.

            • createNodeIterator()

              현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 새로운 NodeIterator 객체를 반환한다.

            • createProcessingInstruction()

              새로운 ProcessingInstruction 노드를 생성한다.

            • createRange()

              새로운 Range 객체를 생성한다.

            • createTextNode()

              새로운 Text 노드 객체를 생성한다.

            • createTreeWalker()

              현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 트리 내의 노드를 다루는 TreeWalker 객체를 반환한다.

            • elementFromPoint()

              뷰포트(viewport)를 기준으로 지정된 좌표에서 최상위 요소를 반환한다.

            • elementsFromPoint()

              뷰포트(viewport)를 기준으로 지정된 좌표에 있는 모든 요소를 배열로 반환한다.

            • exitFullscreen()

              현재 문서의 요소가 전체 화면 모드로 표시될 때 원래 화면 모드로 복원한다.

            • exitPictureInPicture()

              현재 문서에서 PIP 모드로 보여지는 미디어 요소를 원래 모드로 복원한다.

            • exitPointerLock()

              현재 문서에 포인터 잠금이 지정된 경우 비동기적으로 해제한다.

            • getAnimations()

              현재 문서의 하위 요소에 연결된 유효한 모든 Animation 객체의 배열을 반환한다.

            • getElementById()

              현재 문서 내의 하위 요소들에 대하여 지정된 id 애트리뷰트를 갖는 요소를 찾아 반환한다.

            • getElementsByClassName()

              현재 문서 내의 하위 요소들에 대하여 지정된 class 애트리뷰트를 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

            • getElementsByName()

              현재 문서 내의 하위 요소들에 대하여 지정된 name 애트리뷰트를 갖는 요소들을 모두 찾아 NodeList으로 반환한다.

            • getElementsByTagName()

              현재 문서 내의 하위 요소들에 대하여 지정된 태그 이름을 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

            • getSelection()

              현재 문서에서 사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.

            • hasFocus()

              현재 문서 또는 문서 내부의 요소에 포커스(focus)가 있는지를 나타내는 불리언(boolean)을 반환한다.

            • hasStorageAccess()

              현재 문서가 분할되지 않은 쿠키(cookie)에 엑세스할 수 있는지 여부를 불리언(boolean)으로 확인하는 Promise 객체를 반환한다.

            • importNode()

              현재 문서에 삽입할 수 있는 다른 문서의 Node 객체 또는 DocumentFragment 객체의 복사본을 생성한다.

            • open()

              현재 문서에 Document.prototype.write() 메소드를 사용하여 새로 쓰기 위해 문서를 연다.

            • prepend()

              현재 문서의 첫 번째 자식 앞에 Node 객체 또는 문자열 세트 집합을 추가한다.

            • querySelector()

              현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 첫 번째로 일치하는 요소를 반환한다.

            • querySelectorAll()

              현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 일치하는 모든 요소를 NodeList로 반환한다.

            • replaceChildren()

              현재 문서의 기존 하위 노드를 지정된 새 노드로 대체한다.

            • requestStorageAccess()

              로드된 현재 문서가 분할되지 않은 쿠키에 대한 접근을 요청한다.

            • write()

              document.open() 메소드로 열린 현재 문서 스트림(stream)에 지정된 텍스트 문자열을 작성한다.

            • writeln()

              document.open() 메소드로 열린 현재 문서 스트림(stream)에 끝에 개행이 포함된 지정된 텍스트 문자열 작성한다.

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

      • Event Handlers

        • Standards

          Window 객체에 대한 DOM 표준 사양 문서에 정의한 이벤트 핸들러를 나타낸다.

          • onafterprint

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

          • onbeforeprint

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

          • onbeforeunload

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

          • onblur

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

          • onerror

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

          • onfocus

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

          • onhashchange

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

          • onlanguagechange

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

          • onload

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

          • onmessage

            window.postMessage()를 호출하여 창이 메시지를 받았을 때 발생한다.

          • onmessageerror

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

          • onoffline

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

          • ononline

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

          • onpagehide

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

          • onpageshow

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

          • onpopstate

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

          • onrejectionhandled

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

          • onresize

            창(window) 크기가 변경될 때 발생한다. 일반적으로 뷰포트 크기 변경이 있는 경우 발생한다.

          • onstorage

            저장 영역(localStorage 또는 sessionStorage)이 다른 문서의 컨텍스트에서 수정되면 발생한다.

          • onunhandledrejection

            프로미스(promise)가 거부될 때 명시된 핸들러가 없는 경우 전역(Window, Worker) 컨텍스트(context)로 전송한다.

          • onunload

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

        • Extended

          • onscroll

            요소가 스크롤 될 때 발생한다.

          • onscrollend

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

      • Methods

        • alert()

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

        • cancelAnimationFrame()

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

        • clearInterval()

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

        • clearTimeout()

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

        • close()

          윈도우를 닫는다.

        • fetch()

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

        • getComputedStyle()

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

        • getSelection()

          사용자가 선택한 텍스트 범위 또는 캐럿의 현재 위치를 나타내는 Selection 객체를 반환한다.

        • matchMedia()

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

        • open()

          새로운 윈도우를 생성한다.

        • postMessage()

          출처와 상관없이 Window 객체 간 안전하게 데이터를 전송한다.

        • requestAnimationFrame()

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

        • scroll()

          현재 창의 특정 위치로 스크롤한다.

        • setInterval()

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

        • setTimeout()

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

  • 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

        • localName

          정규화된 애트리뷰트(attribute)의 이름에서 모든 네임스페이스를 제거한 로컬 부분을 조회한다.

        • name

          애트리뷰트(attribute)의 이름을 읽기 전용으로 조회한다. 정규화된 이름, 즉 네임스페이스 접두사가 있는 경우(예: xml:lang) 함께 조회한다.

        • namespaceURI

          애트리뷰트(attribute)의 네임스페이스 URI를 갖는 문자열을 조회한다. 없는 경우 null을 갖는다.

        • ownerElement

          현재 애트리뷰트(attribute)를 가지고 있는 요소를 참조로 조회한다.

        • prefix

          애트리뷰트(attribute)의 네임스페이스 접두사를 나타내는 문자열을 조회한다. 접두사가 지정되지 않았을 경우에는 null을 갖는다.

        • value

          애트리뷰트(attribute)의 값을 조회한다.

    • Node

      • ATTRIBUTE_NODE

        노드 타입을 나타내며 애트리뷰트를 의미한다.  DOM Level 4에서는 더 이상 사용되지 않는다.

      • CDATA_SECTION_NODE

        노드 타입을 나타내며 <!CDATA[[..]]>와 같은 CDATASection을 의미한다.

      • COMMENT_NODE

        노드 타입을 나타내며 주석을 의미한다.

      • DOCUMENT_FRAGMENT_NODE

        노드 타입을 나타내며 DocumentFragment 노드를 의미한다.

      • DOCUMENT_NODE

        노드 타입을 나타내며 Document 노드를 의미한다.

      • DOCUMENT_TYPE_NODE

        노드 타입을 나타내며 <!DOCTYPE html>을 의미한다.

      • ELEMENT_NODE

        노드 타입을 나타내며 요소를 의미한다.

      • PROCESSING_INSTRUCTION_NODE

        노드 타입을 나타내며 <?xml-stylesheet ..?>와 같은 XML 문서의 ProcessingInstruction을 의미한다.

      • TEXT_NODE

        노드 타입을 나타내며 요소, 애트리뷰트 또는 코드 상에 존재하는 공백을 포함한 텍스트를 의미한다.

    • Node.prototype

      • Properties

        • baseURI

          기본 URL을 조회한다.

        • childNodes

          현재 노드의 자식 노드 집합체 NodeList를 라이브(live)로 참조한다.

        • firstChild

          첫 번째 자식 노드를 참조한다. 존재하지 않는 경우 null을 갖는다.

        • isConnected

          노드가 컨텍스트(Document) 객체에 직접 또는 간접적으로 연결되어 있는지에 대한 불리언(boolean) 값을 가지고 있다.

        • lastChild

          마지막 자식 노드를 참조한다. 존재하지 않는 경우 null을 갖는다.

        • nextSibling

          순서에 따라 현재 노드의 다음 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.

        • nodeName

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

        • nodeType

          노드 유형을 조회할 수 있다.

        • nodeValue

          노드의 값을 조회하거나 설정할 수 있다.

        • ownerDocument

          현재 노드의 최상위 document 객체를 참조한다.

        • parentElement

          현재 노드의 부모 요소(element)를 참조한다. 부모 요소가 없거나 부모가 DOM 요소가 아닌 경우에는 null을 갖는다.

        • parentNode

          현재 노드의 부모 노드를 참조한다.

        • previousSibling

          순서에 따라 현재 노드의 이전 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null을 갖는다.

        • textContent

          현재 노드와 하위의 텍스트 콘텐츠를 조회하거나 설정한다.

      • Methods

        • appendChild()

          지정된 노드(node) 객체를 자식 노드로 끝에 추가한다.

        • cloneNode()

          노드를 새로운 노드로 복사한다.

        • compareDocumentPosition()

          현재 노드를 기준으로 지정된 노드의 위치를 문서 내 다른 노드와 비교하여 기본적으로 정의된 값을 반환한다.

        • contains()

          현재 노드가 지정된 노드를 포함하고 있는지를 확인하여 그 결과를 불리언(boolean)으로 반환한다.

        • getRootNode()

          현재 노드의 루트를 반환하며 사용 가능한 경우 섀도우 루트(shadow root)를 선택적으로 반환한다.

        • hasChildNodes()

          현재 노드에 대한 자식 노드의 존재 여부를 불리언(boolean)으로 반환한다.

        • insertBefore()

          지정된 새 자식 노드를 지정된 기존 자식 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.

        • isDefaultNamespace()

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

        • isEqualNode()

          지정된 노드와 동일한지를 테스트하고 그 결과를 불리언(boolean)으로 반환한다.

        • isSameNode()

          현재 노드가 지정된 노드와 같은지(=== 연산자와 동일)에 대한 여부, 즉 동일한 객체를 참조하는지를 테스트하여 그 결과를 불리언(boolean)으로 반환한다.

        • lookupNamespaceURI()

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

        • lookupPrefix()

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

        • normalize()

          현재 노드와 모든 하위 트리를 정규화된 형식으로 변환한다.

        • removeChild()

          자식 노드를 제거하고 제거된 노드를 반환한다.

        • replaceChild()

          현재 노드에서 지정된 기존 자식 노드를 새로운 노드로 대체한다.

    • Document.prototype

      • Properties

        • activeElement

          현재 문서에서 포커스를 가진 DOM 내의 요소를 참조한다.

        • adoptedStyleSheets

          현재 문서에서 사용될 구성된 스타일시트 배열을 설정하거나 조회한한다.

        • body

          현재 문서의 <body> 요소를 나타내는 HTMLBodyElement 객체를 참조한다.

        • characterSet

          현재 문서의 문자 인코딩을 조회한다.

        • childElementCount

          현재 문서의 하위 요소의 개수를 조회한다.

        • children

          현재 문서의 모든 자식 요소를 포함한는 라이브 상태의 HTMLCollection을 조회한다.

        • compatMode

          현재 문서가 쿼크(quirks) 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.

        • contentType

          현재 문서의 MIME 유형을 조회한다.

        • cookie

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

        • currentScript

          현재 문서에 처리중이며 자바스크립트 모듈이 아닌 <script> 요소를 나타내는 HTMLScriptElement 객체로 참조한다.

        • defaultView

          현재 문서에 연결된 window 객체를 참조한다.

        • designMode

          전체 문서를 편집할 수 있는 여부를 'on' 또는 'off'로 제어한다.

        • dir

          문서의 텍스트 방향을 조회하거나 설정한다.

        • doctype

          현재 문서와 연관된 DTD(Document Type Precent)를 조회한다.

        • documentElement

          문서의 루트 요소인 HTMLElement 객체를 참조한다.

        • documentURI

          현재 문서의 위치를 문자열로 조회한다.

        • embeds

          현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

        • firstElementChild

          현재 문서의 첫 번째 자식 요소를 참조한다

        • fonts

          현재 문서의 FontFaceSet 객체를 참조한다.

        • forms

          현재 문서 내의 <form> 요소를 나타내는 모든 HTMLFormElement 객체를 포함하는 HTMLCollection을 참조한다.

        • fullscreenElement

          현재 문서에서 전체 화면 모드로 표시되는 요소를 조회한다. 전체 화면 모드가 아닌 경우 null을 갖는다.

        • fullscreenEnabled

          현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

        • head

          현재 문서의 <head> 요소를 나타내는 HTMLHeadElement 객체를 참조한다.

        • hidden

          현재 문서가 숨겨져 있는지 여부를 불리언(boolean)으로 조회한다.

        • images

          현재 문서 내의 <img >요소를 나타내는 모든 HTMLImageElement 객체를 포함한 HTMLCollection 객체를 참조한다.

        • implementation

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

        • lastElementChild

          현재 문서의 마지막 자식 요소를 참조한다

        • lastModified

          현재 문서가 마지막으로 수정된 날짜와 시간을 포함하는 문자열을 조회한다.

        • links

          현재 문서 내의 href 애트리뷰트를 가진 <a>, <area> 요소를 나타내는 각각의 모든 HTMLAnchorElement, HTMLAreaElement 객체를 포함하는 HTMLCollection을 참조한다.

        • location

          현재 문서에 대한 URL을 다루는 Location 객체를 참조한다.

        • pictureInPictureElement

          현재 문서에서 PIP 모드로 표시되는 요소를 조회한다. 해당되지 않는 경우 null을 갖는다.

        • PictureInPictureEnabled

          현재 문서에서 PIP 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.

        • plugins

          현재 문서 내의 <embed> 요소를 나타내는 모든 HTMLEmbedElement 객체를 포함한 HTMLCollection 객체를 참조한다.

        • pointLockElement

          현재 문서에서 포인터가 잠겨있는 동안 마우스 이벤트의 대상으로 설정된 요소를 참조한다.

        • readyState

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

        • referrer

          현재 페이지에 연결된 이전 페이지의 URL을 조회한다.

        • scripts

          현재 문서 내의 <script> 요소를 나타내는 모든 HTMLScriptElement 객체를 포함한 HTMLCollection 객체를 참조한다.

        • scrollingElement

          현재 문서를 스크롤하는 요소를 참조한다.

        • styleSheets

          현재 문서에 명시적으로 연결되었거나 문서에 포함된 스타일시트를 나타내는 CSSStyleSheet 객체의 목록을 다루는 StyleSheetList 객체를 참조한다.

        • timeline

          현재 문서의 기본 타임라인을 나타내는 DocumentTimeline 객체의 인스턴스를 참조한다.

        • title

          현재 문서의 제목(<title>)을 조회하거나 설정한다.

        • URL

          현재 문서의 위치를 조회한다.

        • visibilityState

          현재 문서의 가시성 상태를 조회한다.

      • Methods

        • adoptNode()

          현재 문서로 다른 문서에 있는 지정된 노드를 전송한다.

        • append()

          현재 문서 하위의 맨 끝에 지정된 노드를 추가한다.

        • close()

          Document.prototype.open() 메소드로 열린 현재 문서의 쓰기를 완료한다.

        • createAttribute()

          새로운 Attr 객체를 생성한다.

        • createAttributeNS()

          네임스페이스 URI를 지정하여 새로운 Attr 객체를 생성한다.

        • createCDATASection()

          새로운 CDATA 섹션 노드를 생성한다.

        • createComment()

          새로운 주석 노드를 생성한다.

        • createDocumentFragment()

          현재 DOM 트리에 영향을 주지 않는 문서 조각으로 사용될 새로운 DOM 트리를 생성한다. 

        • createElement()

          지정된 태그 명으로 새로운 Element 객체를 생성한다.

        • createElementNS()

          지정된 네임스페이스 URI와 정규화된 이름으로 요소를 생성한다.

        • createEvent()

          지정된 유형의 이벤트를 생성한다.

        • createNodeIterator()

          현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 새로운 NodeIterator 객체를 반환한다.

        • createProcessingInstruction()

          새로운 ProcessingInstruction 노드를 생성한다.

        • createRange()

          새로운 Range 객체를 생성한다.

        • createTextNode()

          새로운 Text 노드 객체를 생성한다.

        • createTreeWalker()

          현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 트리 내의 노드를 다루는 TreeWalker 객체를 반환한다.

        • elementFromPoint()

          뷰포트(viewport)를 기준으로 지정된 좌표에서 최상위 요소를 반환한다.

        • elementsFromPoint()

          뷰포트(viewport)를 기준으로 지정된 좌표에 있는 모든 요소를 배열로 반환한다.

        • exitFullscreen()

          현재 문서의 요소가 전체 화면 모드로 표시될 때 원래 화면 모드로 복원한다.

        • exitPictureInPicture()

          현재 문서에서 PIP 모드로 보여지는 미디어 요소를 원래 모드로 복원한다.

        • exitPointerLock()

          현재 문서에 포인터 잠금이 지정된 경우 비동기적으로 해제한다.

        • getAnimations()

          현재 문서의 하위 요소에 연결된 유효한 모든 Animation 객체의 배열을 반환한다.

        • getElementById()

          현재 문서 내의 하위 요소들에 대하여 지정된 id 애트리뷰트를 갖는 요소를 찾아 반환한다.

        • getElementsByClassName()

          현재 문서 내의 하위 요소들에 대하여 지정된 class 애트리뷰트를 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

        • getElementsByName()

          현재 문서 내의 하위 요소들에 대하여 지정된 name 애트리뷰트를 갖는 요소들을 모두 찾아 NodeList으로 반환한다.

        • getElementsByTagName()

          현재 문서 내의 하위 요소들에 대하여 지정된 태그 이름을 갖는 요소들을 모두 찾아 HTMLCollection으로 반환한다.

        • getSelection()

          현재 문서에서 사용자가 선택한 텍스트의 범위를 가진 Selection 객체를 반환한다.

        • hasFocus()

          현재 문서 또는 문서 내부의 요소에 포커스(focus)가 있는지를 나타내는 불리언(boolean)을 반환한다.

        • hasStorageAccess()

          현재 문서가 분할되지 않은 쿠키(cookie)에 엑세스할 수 있는지 여부를 불리언(boolean)으로 확인하는 Promise 객체를 반환한다.

        • importNode()

          현재 문서에 삽입할 수 있는 다른 문서의 Node 객체 또는 DocumentFragment 객체의 복사본을 생성한다.

        • open()

          현재 문서에 Document.prototype.write() 메소드를 사용하여 새로 쓰기 위해 문서를 연다.

        • prepend()

          현재 문서의 첫 번째 자식 앞에 Node 객체 또는 문자열 세트 집합을 추가한다.

        • querySelector()

          현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 첫 번째로 일치하는 요소를 반환한다.

        • querySelectorAll()

          현재 문서내의 Element 객체를 대상으로 지정된 CSS 선택기 세트와 일치하는 모든 요소를 NodeList로 반환한다.

        • replaceChildren()

          현재 문서의 기존 하위 노드를 지정된 새 노드로 대체한다.

        • requestStorageAccess()

          로드된 현재 문서가 분할되지 않은 쿠키에 대한 접근을 요청한다.

        • write()

          document.open() 메소드로 열린 현재 문서 스트림(stream)에 지정된 텍스트 문자열을 작성한다.

        • writeln()

          document.open() 메소드로 열린 현재 문서 스트림(stream)에 끝에 개행이 포함된 지정된 텍스트 문자열 작성한다.

    • Element.prototype

      • 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

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

        • namespaceURI

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

        • nextElementSibling

          다음 형제 요소를 참조하며 존재하지 않는 경우에는 null을 갖는다.

        • outerHTML

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

        • part

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

        • prefix

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

        • previousElementSibling

          이전 형제 요소를 참조하며 존재하지 않는 경우에는 null을 갖는다.

        • scrollHeight

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

        • scrollLeft

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

        • scrollTop

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

        • scrollWidth

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

        • shadowRoot

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

        • slot

          요소가 삽입된 섀도우(shadow) DOM 슬롯의 이름을 조회한다.

        • tagName

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

      • Methods

        • after()

          Node 또는 DOMString 집합을 마지막 자식 노드로 추가한다. DOMString  집합은 Text 노드와 동일하게 삽입된다.

        • animate()

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

        • append()

          요소의 마지막 자식 노드 다음에 Node 객체 또는 문자열 집합을 삽입한다. 문자열은 Text 노드로 삽입된다.

        • attachShadow()

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

        • before()

          Node 또는 DOMString 집합을 앞 쪽 형제 노드로 추가한다.  DOMString은 Text 노드와 동일하게 삽입된다.

        • closest()

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

        • computedStyleMap()

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

        • getAnimations()

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

        • getAttribute()

          요소의 지정된 애트리뷰트 값을 반환한다.

        • getAttributeNames()

          요소의 모든 애트리뷰트의 이름을 문자열 배열로 반환한다.

        • getAttributeNode()

          요소의 지정된 애트리뷰트를 Attr 노드 객체로 반환한다.

        • getAttributeNodeNS()

          지정된 네임스페이스와 이름을 가진 애트리뷰트에 대한 Attr 노드를 반환한다.

        • getAttributeNS()

          인수로 지정된 네임스페이스와 이름을 가진 애트리뷰트의 문자열 값을 반환한다.

        • getBoundingClientRect()

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

        • getClientRects()

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

        • getElementsByClassName()

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

        • getElementsByTagName()

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

        • getElementsByTagNameNS()

          지정된 네임스페이스에 속하는 지정된 태그 이름을 가진 모든 요소를 NodeList 타입으로 반환한다.

        • hasAttribute()

          인수로 지정된 애트리뷰트의 존재 여부를 boolean 반환한다.

        • hasAttributeNS()

          네임스페이스를 갖는 요소에 지정된 애트리뷰트가 있는지를 boolean 값으로 반환한다.

        • hasAttributes()

          요소에 애트리뷰트가 있는지 여부를 boolean 값으로 반환한다.

        • hasPointerCapture()

          호출된 요소에 지정된 포인터 ID로 식별된 포인터에 대한 포인터 캡처(capture)가 있는지 여부를 불리언(boolean)으로 반환한다.

        • insertAdjacentElement()

          요소의 지정된 위치에 지정된 요소를 삽입한다.

        • insertAdjacentHTML()

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

        • insertAdjacentText()

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

        • matches()

          지정된 CSS 선택자에 의해 요소가 선택되는지 확인한다.

        • prepend()

          요소의 첫 번째 자식 노드 앞에 Node 객체 또는 문자열 집합을 삽입한다. 문자열은 Text 노드로 삽입된다.

        • querySelector()

          지정된 CSS 선택자를 갖는 하위 요소를 찾아 첫 번째로 일치하는 요소을 반환한다.

        • querySelectorAll()

          지정된 CSS 선택자를 갖는 하위 요소를 찾아 일치하는 모든 하위 요소를 NodeList로 반환한다.

        • releasePointerCapture()

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

        • remove()

          노드(자신)를 DOM에서 제거한다.

        • removeAttribute()

          인수로 지정된 애트리뷰트를 제거한다.

        • removeAttributeNode()

          요소에서 지정된 속성을 제거한다.

        • removeAttributeNS()

          지정된 애트리뷰트를 요소에서 제거한다.

        • replaceChildren()

          기존의 자식 항목을 지정된 자식 항목(노드 또는 문자열) 세트로 대체한다.

        • replaceWith()

          현재 요소를 지정된 요소로 대체한다.

        • requestFullscreen()

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

        • requestPointerLock()

          지정된 요소에 대한 포인터 잠금을 비동기적으로 요청할 수 있다.

        • scroll()

          요소 내부의 특정 좌표로 스크롤한다.

        • scrollBy()

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

        • scrollIntoView()

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

        • scrollTo()

          지정된 x, y 절대 좌표로 스크롤한다.

        • setAttribute()

          요소의 애트리뷰트(attribute)를 설정한다.

        • setAttributeNode()

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

        • setAttributeNodeNS()

          네임스페이스 기반의 새로운 애트리뷰트 노드를 추가한다.

        • setAttributeNS()

          새 속성을 추가하거나 지정된 네임스페이스 및 이름으로 애트리뷰트의 값을 변경한다.

        • setHTML()

          주어진 HTML 문자열을 구문 분석하여 유효하지 않은 HTML 문자열을 모두 제거하고 대상 요소의 하위 트리로 삽입한다.

        • setPointerCapture()

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

        • toggleAttribute()

          요소의 불리언(boolean) 속성을 토글한다.

    • HTMLElement.prototype

      • Properties

        • accessKey

          특정 요소로 이동할 수 있도록 사용자에게 제공하는 키 입력 세트이다.

        • accessKeyLabel

          요소에 할당된 접근 키를 포함하는 문자열을 조회한다.

        • autofocus

          요소의 autofocus 여부를 나타낸다.

        • contentEditable

          요소의 콘텐츠에 대한 수정 가능 여부를 지정한다.

        • dataset

          data-* 로 시작하는 사용자 정의 애트리뷰트의 값을 설정하거나 조회한다.

        • dir

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

        • draggable

          요소가 드래그 가능한지의 여부를 조회하거나 설정한다.

        • enterKeyHint

          가상 키보드의 Enter 키에 대해 표시할 레이블 또는 아이콘을 정의하는 열거형 프로퍼티이다.

        • hidden

          요소가 숨김 상태인지를 불리언(boolean)으로 조회하거나 설정한다.

        • inert

          요소에 대한 사용자 입력 이벤트를 무시하고 페이지 검색 및 텍스트 선택을 무시할 수도 있는지 여부를 불리언(boolean)으로 조회하거나 설정한다.

        • innerText

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

        • inputmode

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

        • isContentEditable

          수정 가능한 콘텐츠인지 여부를 불리언(boolean) 값으로 조회한다 수정이 가능하면 true, 그렇지 않다면 false를 갖는다.

        • lang

          요소의 애트리뷰트 값 및 텍스트 콘텐츠의 기본 언어를 조회하거나 설정한다.

        • nonce

          콘테츠 보안 정책에서 사용하는 한 번 사용한 암호화 번호를 반환하여 주어진 패치가 진행될 수 있는지 여부를 결정한다.

        • offsetHeight

          여백과 테두리의 두께가 포함된 요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 프로퍼티이다.

        • offsetLeft

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

        • offsetParent

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

        • offsetTop

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

        • offsetWidth

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

        • outerText

          기본적으로 요소의 텍스트 콘텐츠를 조회하거나 설정하는 innerText와 동일하나 요소 자체까지 대체될 수 있다는 면에서 차이가 있다.

        • popover

          요소의 popover 상태를 가져오거나 설정한다.

        • spellcheck

          맞춤법 검사 힌트를 제어하는 불리언(Boolean)을 나타낸다

        • style

          CSSStyleDeclaration 객체를 참조하며 요소에게 적용된 인라인 스타일을 조회하거나 설정할 수 있다.

        • tabindex

          현재 요소의 탭(tab)키에 의한 이동 순서를 나타낸다.

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

        • title

          요소의 제목을 조회하거나 설정한다.

        • translate

          현재 페이지가 현지화될 때 요소의 애트리뷰트 값과 포함하는 텍스트의 번역 여부를 나타내거나 설정한다.

        • virtualKeyboardPolicy

          요소가 콘텐츠 편집이 허용된 경우 모바일 기기 또는 물리적인 키보드를 사용할 수 없는 기타 장치에서 화면 가상 키보드의 동작을 나타내는 문자열을 조회하거나 설정한다.

      • Methods

        • attachInternals()

          사용자 정의 요소를 HTML 양식에 사용될 수 있도록 지원하는 ElementInternals 객체를 반환한다.

        • blur()

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

        • click()

          요소에 대한 마우스 클릭(click) 이벤트를 트리거(trigger)한다.

        • focus()

          포커스가 가능한 요소를 활성시킨다. 포커스가 가능한 요소는 기본적으로 키보드 및 키보드와 유사한 이벤트를 받는 요소이다.

        • hidePopover()

          팝오버가 설정되어 있다면 팝오버 요소를 숨긴다.

        • showPopover()

          팝오버가 설정되어 있다면 팝오버 요소를 화면에 표시한다.

        • togglePopover()

          팝오버 요소를 표시하거나 숨기는 처리를 동시에 지원한다.

  • HTML Objects

    • HTMLAnchorElement.prototype

      • Properties

        확장 가능한 속성

        • download

          다운로드 되도록 유도된 링크인 경우 로컬 파일 시스템에서 다운로드된 리소스의 이름으로 사용된다.

        • hash

          URL에 포함된 해시(#)를 조회하거나 설정할 수 있다. 존재하지 않는 경우에 빈 문자열을 갖는다.

        • host

          URL에서 호스트(host) 이름과 포트(port)를 조회하거나 설정한다.

        • hostname

          URL 도메인을 포함하는 문자열을 나타낸다.

        • href

          지정된 요소의 href 애트리뷰트를 조회하거나 설정한다.

        • hreflang

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

        • origin

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

        • password

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

        • pathname

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

        • ping

          유저 에이전트가 하이퍼링크를 검사하기 위한 힌트로 지정한 문자열을 조회하거나 설정한다. 

        • port

          URL에 포트(port)가 존재하는 경우 문자열로 조회하거나 설정한다.

        • protocol

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

        • referrerPolicy

          주어진 링크에 대한 참조 정책을 나타낸다.

          HTML의 referrerpolicy 속성을 나타낸다.

        • rel

          <a> 요소로 링크된 리소스와 현재 문서 간의 관계를 나타내는 연결 유형 목록을 포함하는 문자열을 나타낸다.

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

        • relList

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

        • search

          쿼리 스트링(query string)을 조회하거나 설정하는 문자열을 나타낸다.

        • target

          연결된 리소스를 표시할 위치를 문자열로 조회하거나 설정한다.

        • text

          요소가 가지고 있는 텍스트를 조회하거나 설정한다.

        • type

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

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

        • username

          도메인 이름 앞에 지정된 사용자 이름이 포함된 문자열을 나타낸다.

      • Methods

        확장 가능한 메소드

        • toString()

          전체 URL을 포함하는 문자열을 반환한다. href 프로퍼티의 읽기전용 버전이다.

    • HTMLAreaElement.prototype

      • Properties

        • hash

          URL에 포함된 해시(#)를 조회하거나 설정할 수 있다. 존재하지 않는 경우에 빈 문자열을 갖는다.

        • host

          URL에서 호스트(host) 이름과 포트(port)를 조회하거나 설정한다.

        • hostname

          URL 도메인을 포함하는 문자열을 나타낸다.

        • href

          지정된 요소의 href 애트리뷰트를 조회하거나 설정한다.

        • origin

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

        • password

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

        • pathname

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

        • ping

          유저 에이전트가 하이퍼링크를 검사하기 위한 힌트로 지정한 문자열을 조회하거나 설정한다. 

        • port

          URL에 포트(port)가 존재하는 경우 문자열로 조회하거나 설정한다.

        • protocol

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

        • referrerPolicy

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

          HTML의 referrerpolicy 속성을 나타낸다.

        • rel

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

        • relList

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

        • search

          쿼리 스트링(query string)을 조회하거나 설정하는 문자열을 나타낸다.

        • target

          연결된 리소스를 표시할 위치를 문자열로 조회하거나 설정한다.

        • username

          도메인 이름 앞에 지정된 사용자 이름이 포함된 문자열을 나타낸다.

      • Methods

        • toString()

          전체 URL을 포함하는 문자열을 반환한다. href 프로퍼티의 읽기전용 버전이다.

    • HTMLBaseElement.prototype

      • Properties

        • href

          지정된 요소의 href 애트리뷰트를 조회하거나 설정한다.

        • target

          연결된 리소스를 표시할 위치를 문자열로 조회하거나 설정한다.

    • HTMLBodyElement.prototype

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

      상속된 멤버 보기
    • HTMLButtonElement.prototype

      • Properties

        • disabled

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

        • form

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

        • formAction

          연결된 HTMLFormElement의  양식 처리를 담당하는 리소스의 URI를 조회하거나 설정한다. 상위 <form> 요소의HTML  action 애트리뷰트를 대체한다.

        • labels

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

        • name

          요소의 HTML name 애트리뷰트를 나타낸다.

        • popoverTargetAction

          <button> 요소로 제어되는 팝오버 요소에서 수행될 작업을 조회하거나 설정한다.

        • popoverTargetElement

          <button> 요소를 통해 제어할 팝오버(popover) 요소를 조회하거나 설정한다.

        • type

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

        • value

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

    • HTMLCanvasElement.prototype

      • Properties

        • height

          height 애트리뷰트를 CSS 픽셀로 조회하거나 설정한다.

        • width

          width 애트리뷰트를 CSS 픽셀로 조회하거나 설정한다.

      • Methods

        • captureStream()

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

        • getContext()

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

        • toBlob()

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

        • toDataURL()

          지정된 타입(기본: image/png)의 이미지를 나타내는 URL을 반환한다. 반환된 이미지는 96dpi의 해상도를 갖는다.

        • transferControlToOffscreen()

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

    • HTMLDataElement.prototype

      • Properties

        • value

          요소의 HTML 애트리뷰트 value를 나타낸다.

    • HTMLDataListElement.prototype

    • HTMLDetailsElement.prototype

      • Properties

        • open

          <details> 요소가 가지고 있는 콘텐츠가 사용자에게 표시되는지 여부를 조회한다.

    • HTMLDialogElement.prototype

      • Properties

        • open

          대화 상자를 상호 작용에 사용할 수 있는지 여부를 나타내는 open HTML 애트리뷰트를 반영하는 속성이다.

        • returnValue

          대화 상자의 반환 값을 설정하거나 조회한다. 일반적으로 사용자가 대화 상자를 닫기 위해 누른 버튼을 나타낸다.

      • Methods

        • close()

          현재 대화 상자를 닫는다. 선택적으로 문자열을 인수로 전달하여 대화 상자의 returnValue를 업데이트할 수 있다.

        • show()

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

        • showModal()

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

    • HTMLEmbedElement.prototype

      • Properties

        • height

          요소의 높이를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 height 애트리뷰트를 가진다면 그 값을 나타낸다.

        • src

          삽입되는 리소스의 경로인 HTML src 애트리뷰트를 나타낸다.

        • type

          삽입된 리소스의 유형을 정의하는 HTML의 type 애트리뷰트를 나타낸다.

        • width

          요소의 너비를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 width 애트리뷰트를 가진다면 그 값을 나타낸다.

    • HTMLFieldSetElement.prototype

      • Properties

        • disabled

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

        • elements

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

        • form

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

        • name

          요소의 HTML name 애트리뷰트를 나타낸다.

        • type

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

    • HTMLFormElement.prototype

      • Properties

        • acceptCharset

          <form> 요소에 대해 지원되는 문자 인코딩 목록을 나타낸다.

        • action

          양식이 서버로 전송될 때 전송된 데이터를 수신하여 처리할 서버에서 실행되는 프로그램 코드가 작성된 파일의 호출 URL을 지정한다.

        • elements

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

        • encoding

          HTMLFormElement.prototype.enctype 프로퍼티의 대체 프로퍼티이다.

        • enctype

          양식을 서버에 전송할 때 사용되는 MIME 유형을 나타낸다.

        • length

          포함하고 있는 입력 요소의 개수를 나타낸다. 

        • method

          양식을 제출할 때 사용되는 HTTP 전송 방식을 나타낸다.

        • name

          <form> 요소를 식별하는 HTML name 애트리뷰트를 나타낸다.

        • noValidate

          <form> 요소의 유효성을 검사하지 않음을 불리언(boolean) 값으로 갖는 HTML novalidate 애트리뷰트를 나타낸다.

        • target

          양식을 전송할 때 전송이 이루어지는 대상 윈도우 또는 프레임을 나타낸다.

      • Methods

        • reportValidity()

          하위 입력 요소와 연결된 입력 요소의 유효성 검사 제약 조건을 모두 충족하는 경우에 true를 반환하고 그렇지 않으면 false를 반환하며 유효성 검사에 대한 피드백을 사용자에게 제공한다. 

        • requestSubmit()

          양식을 제출하도록 요청한다.

        • reset()

          양식을 초기화한다.

        • submit()

          양식의 데이터를 전송한다.

    • HTMLIFrameElement.prototype

      • Properties

        • allowFullscreen

          <iframe> 요소가 전체 화면 모드로 전환을 허용할 것인지에 대한 여부를 나타낸다.

        • contentDocument

          상위 프레임과 동일한 출처의 프레임 내 활성 문서의 document 객체를 참조한다.

        • contentWindow

          <iframe> 요소의 window 객체를 참조한다.

        • height

          요소의 높이를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 height 애트리뷰트를 가진다면 그 값을 나타낸다.

        • loading

          <iframe> 요소가 페이지 로드시 실제로 로드 시점을 유저 에이전트에게 힌트로 제공한다.

        • name

          요소의 HTML name 애트리뷰트를 나타낸다.

        • referrerPolicy

          HTML의 referrerpolicy 속성을 나타낸다.

        • src

          <iframe> 요소에 표시할 콘텐츠의 URL을 나타내는 HTML의 src 애트리뷰트를 조회하거나 설정할 수 있다.

        • srcdoc

          <iframe> 요소에 인라인 HTML 콘텐츠를 지정하거나 조회한다.

        • width

          요소의 너비를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 width 애트리뷰트를 가진다면 그 값을 나타낸다.

    • HTMLImageElement.prototype

      • Properties

        • alt

          요소의 HTML alt 애트리뷰트를 조회하거나 설정한다.

        • complete

          성공 여부와 관계없이 웹브라우저가 이미지 가져오기를 완료했는지 여부를 나타낸다.

        • crossOrigin

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

        • currentSrc

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

        • decoding

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

        • fetchPriority

          이미지 가져오기 우선 순위에 대하여 웹브라우저에게 제공되는 힌트를 나타낸다.

        • height

          요소의 높이를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 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

          요소의 너비를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 width 애트리뷰트를 가진다면 그 값을 나타낸다.

        • x

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

        • y

          <html> 요소를 기준으로 <img> 요소의 CSS 레이아웃 상자의 위쪽 테두리 가장자리의 수평 오프셋을 나타낸다.

      • Methods

        • decode()

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

    • HTMLInputElement.prototype

      • Properties

        {{conn_doc_3000}}

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

        • Properties related to the parent form

          상위 요소인 <form>과 관련된 애트리뷰트를 나타낸다.

          • form

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

          • formAction

            연결된 HTMLFormElement의  양식 처리를 담당하는 리소스의 URI를 조회하거나 설정한다. 상위 <form> 요소의HTML  action 애트리뷰트를 대체한다.

          • formEnctype

            양식을 제출할 때 사용하는 콘텐츠 유형을 조회하거나 설정한다. 상위 <form> 요소의HTML  enctype 애트리뷰트를 대체한다.

          • formMethod

            양식을 제출할 때 사용하는 HTTP 메소드를 조회하거나 설정한다. 상위 <form> 요소의HTML  method 애트리뷰트를 대체한다.

          • formNoValidate

            양식이 제출될 때 유효성이 검사되지 않음을 불리언(boolean)으로 조회하거나 설정한다. 상위 <form> 요소의 HTML  novalidate 애트리뷰트를 대체한다.

          • formTarget

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

        • Properties that a type with multiple input value

          입력값을 복수로 갖는 타입에서 사용하는 프로퍼티를 나타낸다.

          • multiple

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

        • Properties that all types

          모든 <input> 요소와 관련된 프로퍼티를 나타낸다.

          • name

            <input> 요소의 HTML name 애트리뷰트를 조회하거나 설정한다.

          • type

            <input> 요소의 HTML type 애트리뷰트를 조회하거나 설정한다.

          • value

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

        • Properties that checkbox or radio type

          checkbox 또는 radio 타입과 관련된 프로퍼티를 나타낸다.

          • checked

            <input> 요소가 현재 체크(선택)되었는지의 여부를 불리언(boolean)으로 나타낸다.

          • defaultChecked

            현재 <input> 요소의 radio 또는 checkbox의 기본 상태(체크 유무)를 조회하거나 설정한다.

          • indeterminate

            계층 관계를 갖는 구조의 양식에서 하위 checkbox 또는 radio가 완전하지 않은 체크 상태인지 여부를 조회하거나 설정한다.

        • Properties that except for hidden types

          숨김(hidden) 유형을 제외한 모든 <input> 요소를 나타낸다.

          • defaultValue

            입력 요소의 원래 지정된 기본값을 조회하거나 설정한다.

          • dirName

            <input> 요소의 방향성을 나타내는 HTML dirname 애트리뷰트를 조회하거나 설정한다.

          • disabled

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

          • required

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

          • validationMessage

            입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다. 유효성 검사 대상이 아니거나 제약 조건을 충족하는 경우 빈 문자열을 갖는다. 지역화된 이 메시지는 setCustomValidity() 메소드로 설정할 수 있다. 

          • validity

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

          • willValidate

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

        • Properties that file type

          HTML type 애트리뷰트의 값이 file인 경우 사용되는 프로퍼티를 나타낸다.

          • accept

            쉼표로 구분된 선택할 수 있는 파일 유형 목록을 나타낸다.

          • files

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

        • Properties that image type

          HTML type 애트리뷰트의 값이 image인 경우 사용되는 프로퍼티를 나타낸다.

          • alt

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

          • height

            요소의 높이를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 height 애트리뷰트를 가진다면 그 값을 나타낸다.

          • src

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

          • width

            요소의 너비를 나타내는 CSS 픽셀 단위로 표시되는 문자열을 조회하거나 설정한다. 요소가 width 애트리뷰트를 가진다면 그 값을 나타낸다.

        • Properties that quantitative data entry factors

          HTML type 애트리뷰트의 값이 number인 요소 등과 같이 정량적 데이터 입력 요소에 사용되는 프로퍼티를 나타낸다.

          • max

            요소의 HTML max 애트리뷰트를 나타낸다.

          • min

            요소의 HTML min 애트리뷰트를 나타낸다.

          • step

            요소의 HTML step 애트리뷰트를 나타낸다.

          • valueAsDate

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

          • valueAsNumber

            숫자로 해석되는 입력 요소의 값을 조회하거나 설정한다.

        • Properties that text or number type

          type 애트리뷰트가 text이거나 number인 요소의 프로퍼티를 나타낸다.

          • autocomplete

            요소의 HTML autocomplete 애트리뷰트를 나타낸다. 입력시 자동 완성 기능 여부를 설정하거나 조회한다.

          • maxLength

            요소의 HTML maxlength 애트리뷰트를 나타낸다.

          • minLength

            요소의 HTML minlength 애트리뷰트를 나타낸다.

          • pattern

            입력 값을 검사하는 정규식을 포함한 HTML pattern 애트리뷰트를 조회하거나 설정한다.

          • placeholder

            요소의 HTML placehoder 애트리뷰트를 나타낸다.

          • readOnly

            설정된 값을 수정할 수 없는 요소의 HTML readonly 애트리뷰트를 나타낸다.

          • selectionDirection

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

          • selectionEnd

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

          • selectionStart

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

          • size

            요소의 HTML size 애트리뷰트를 나타낸다.

      • Methods

        • checkValidity()

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

        • reportValidity()

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

        • select()

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

        • setCustomValidity()

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

        • setRangeText()

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

        • setSelectionRange()

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

    • 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

      • 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을 조회한다.
        • type

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

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

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

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

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

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

        • willValidate

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

        • checkValidity()

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

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

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다. 유효성 검사 대상이 아니거나 제약 조건을 충족하는 경우 빈 문자열을 갖는다. 지역화된 이 메시지는 setCustomValidity() 메소드로 설정할 수 있다. 

        • 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

      • 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

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다. 유효성 검사 대상이 아니거나 제약 조건을 충족하는 경우 빈 문자열을 갖는다. 지역화된 이 메시지는 setCustomValidity() 메소드로 설정할 수 있다. 

        • 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

      • 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

      • Properties

        • caption

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

        • rows

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

        • tBodies

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

        • tFoot

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

        • tHead

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

      • Methods

        • createCaption()

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

        • createTBody()

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

        • createTFoot()

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

        • createTHead()

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

        • deleteCaption()

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

        • deleteRow()

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

        • deleteTFoot()

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

        • deleteTHead()

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

        • insertRow()

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

    • HTMLTableRowElement.prototype

      • Properties

        • cells

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

        • rowIndex

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

        • sectionRowIndex

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

      • Methods

        • deleteCell()

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

        • insertCell()

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

    • HTMLTableSectionElement.prototype

      • Methods

        • deleteRow()

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

        • insertRow()

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

    • HTMLTemplateElement.prototype

      • Properties

        • content

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

    • HTMLTextAreaElement.prototype

      • Properties

        • accessKey

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

        • autocapitalize

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

        • autocomplete

          요소의 HTML autocomplete 애트리뷰트를 나타낸다. 입력시 자동 완성 기능 여부를 설정하거나 조회한다.

        • autofocus

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

        • cols

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

        • defaultValue

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

        • disabled

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

        • form

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

        • labels

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

        • maxLength

          요소의 HTML maxlength 애트리뷰트를 나타낸다.

        • minLength

          요소의 HTML minlength 애트리뷰트를 나타낸다.

        • name

          요소의 HTML name 애트리뷰트를 나타낸다.

        • placeholder

          요소의 HTML placehoder 애트리뷰트를 나타낸다.

        • readOnly

          설정된 값을 수정할 수 없는 요소의 HTML readonly 애트리뷰트를 나타낸다.

        • required

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

        • rows

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

        • selectionDirection

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

        • selectionEnd

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

        • selectionStart

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

        • textLength

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

        • type

          textarea 값을 갖는다.

        • validationMessage

          입력 요소가 충족하지 않는 유효성 검사 제약 조건을 설명하는 지역화된 메시지를 조회한다. 유효성 검사 대상이 아니거나 제약 조건을 충족하는 경우 빈 문자열을 갖는다. 지역화된 이 메시지는 setCustomValidity() 메소드로 설정할 수 있다. 

        • validity

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

        • value

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

        • willValidate

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

        • wrap

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

      • Methods

        • checkValidity()

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

        • reportValidity()

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

        • select()

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

        • setCustomValidity()

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

        • setRangeText()

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

        • setSelectionRange()

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

    • HTMLTimeElement.prototype

      • Properties

        • dateTime

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

    • HTMLTitleElement.prototype

      • Properties

        • text

          문서의 제목을 나타낸다.

    • HTMLTrackElement.prototype

      • 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

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

      • Methods

        • addTextTrack()

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

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

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

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

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

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

          미디어를 재생을 시도한다.

        • seekToNextFrame()

          다음 프레임으로 이동한다.

        • setMediaKeys()

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

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

      • Properties

        • height

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

        • poster

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

        • videoHeight

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

        • videoWidth

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

        • width

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