웹 문서를 다루는 다양한 API를 제공한다.
정규화된 애트리뷰트(attribute)의 이름에서 모든 네임스페이스를 제거한 로컬 부분을 조회한다.
애트리뷰트(attribute)의 이름을 읽기 전용으로 조회한다. 정규화된 이름, 즉 네임스페이스 접두사가 있는 경우(예: xml:lang
) 함께 조회한다.
애트리뷰트(attribute)의 네임스페이스 URI
를 갖는 문자열을 조회한다. 없는 경우 null
을 갖는다.
현재 애트리뷰트(attribute)를 가지고 있는 요소를 참조로 조회한다.
애트리뷰트(attribute)의 네임스페이스 접두사를 나타내는 문자열을 조회한다. 접두사가 지정되지 않았을 경우에는 null
을 갖는다.
애트리뷰트(attribute)의 값을 조회한다.
노드 타입을 나타내며 애트리뷰트를 의미한다. DOM Level 4에서는 더 이상 사용되지 않는다.
노드 타입을 나타내며 <!CDATA[[..]]>
와 같은 CDATASection
을 의미한다.
노드 타입을 나타내며 주석을 의미한다.
노드 타입을 나타내며 DocumentFragment
노드를 의미한다.
노드 타입을 나타내며 Document
노드를 의미한다.
노드 타입을 나타내며 <!DOCTYPE html>
을 의미한다.
노드 타입을 나타내며 요소를 의미한다.
노드 타입을 나타내며 <?xml-stylesheet ..?>
와 같은 XML 문서의 ProcessingInstruction
을 의미한다.
노드 타입을 나타내며 요소, 애트리뷰트 또는 코드 상에 존재하는 공백을 포함한 텍스트를 의미한다.
기본 URL을 조회한다.
현재 노드의 자식 노드 집합체 NodeList
를 라이브(live)로 참조한다.
첫 번째 자식 노드를 참조한다. 존재하지 않는 경우 null
을 갖는다.
노드가 컨텍스트(Document) 객체에 직접 또는 간접적으로 연결되어 있는지에 대한 불리언(boolean) 값을 가지고 있다.
마지막 자식 노드를 참조한다. 존재하지 않는 경우 null
을 갖는다.
순서에 따라 현재 노드의 다음 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null
을 갖는다.
노드의 이름을 조회할 수 있다.
노드 유형을 조회할 수 있다.
노드의 값을 조회하거나 설정할 수 있다.
현재 노드의 최상위 document
객체를 참조한다.
현재 노드의 부모 요소(element)를 참조한다. 부모 요소가 없거나 부모가 DOM 요소가 아닌 경우에는 null
을 갖는다.
현재 노드의 부모 노드를 참조한다.
순서에 따라 현재 노드의 이전 형제 노드를 참조한다. 더 이상의 노드가 조회되지 않는 경우에는 null
을 갖는다.
현재 노드와 하위의 텍스트 콘텐츠를 조회하거나 설정한다.
지정된 노드(node) 객체를 자식 노드로 끝에 추가한다.
노드를 새로운 노드로 복사한다.
현재 노드를 기준으로 지정된 노드의 위치를 문서 내 다른 노드와 비교하여 기본적으로 정의된 값을 반환한다.
현재 노드가 지정된 노드를 포함하고 있는지를 확인하여 그 결과를 불리언(boolean)으로 반환한다.
현재 노드의 루트를 반환하며 사용 가능한 경우 섀도우 루트(shadow root)를 선택적으로 반환한다.
현재 노드에 대한 자식 노드의 존재 여부를 불리언(boolean)으로 반환한다.
지정된 새 자식 노드를 지정된 기존 자식 노드 앞에 추가한다. 새로운 자식 노드가 기존 노드인 경우에는 위치가 이동된다.
네임스페이스 URI
를 인수로 받아 지정된 네임스페이스가 현재 노드의 기본 네임스페이스인 경우 true
, 그렇지 않은 경우 false
를 반환한다.
지정된 노드와 동일한지를 테스트하고 그 결과를 불리언(boolean)으로 반환한다.
현재 노드가 지정된 노드와 같은지(===
연산자와 동일)에 대한 여부, 즉 동일한 객체를 참조하는지를 테스트하여 그 결과를 불리언(boolean)으로 반환한다.
현재 노드에서 지정된 프리픽스(prefix)와 일치하는 네임스페이스를 반환한다.
지정된 네임스페이스 URI
가 있는 경우 해당 접두사가 포함된 문자열을 반환하고 그렇지 않은 경우 null
을 반환한다.
현재 노드와 모든 하위 트리를 정규화된 형식으로 변환한다.
자식 노드를 제거하고 제거된 노드를 반환한다.
현재 노드에서 지정된 기존 자식 노드를 새로운 노드로 대체한다.
현재 문서에서 포커스를 가진 DOM 내의 요소를 참조한다.
현재 문서에서 사용될 구성된 스타일시트 배열을 설정하거나 조회한한다.
현재 문서의 <body>
요소를 나타내는 HTMLBodyElement
객체를 참조한다.
현재 문서의 문자 인코딩을 조회한다.
현재 문서의 하위 요소의 개수를 조회한다.
현재 문서의 모든 자식 요소를 포함한는 라이브 상태의 HTMLCollection
을 조회한다.
현재 문서가 쿼크(quirks) 모드 또는 표준 모드에서 렌더링되는지의 여부를 나타낸다.
현재 문서의 MIME 유형을 조회한다.
현재 문서와 관련된 쿠키(cookie)를 조회하거나 설정한다.
현재 문서에 처리중이며 자바스크립트 모듈이 아닌 <script>
요소를 나타내는 HTMLScriptElement
객체로 참조한다.
현재 문서에 연결된 window
객체를 참조한다.
전체 문서를 편집할 수 있는 여부를 'on'
또는 'off'
로 제어한다.
문서의 텍스트 방향을 조회하거나 설정한다.
현재 문서와 연관된 DTD
(Document Type Precent)를 조회한다.
문서의 루트 요소인 HTMLElement
객체를 참조한다.
현재 문서의 위치를 문자열로 조회한다.
현재 문서 내의 <embed>
요소를 나타내는 모든 HTMLEmbedElement
객체를 포함한 HTMLCollection
객체를 참조한다.
현재 문서의 첫 번째 자식 요소를 참조한다
현재 문서의 FontFaceSet
객체를 참조한다.
현재 문서 내의 <form>
요소를 나타내는 모든 HTMLFormElement
객체를 포함하는 HTMLCollection
을 참조한다.
현재 문서에서 전체 화면 모드로 표시되는 요소를 조회한다. 전체 화면 모드가 아닌 경우 null
을 갖는다.
현재 문서에서 전체 화면 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.
현재 문서의 <head>
요소를 나타내는 HTMLHeadElement
객체를 참조한다.
현재 문서가 숨겨져 있는지 여부를 불리언(boolean)으로 조회한다.
현재 문서 내의 <img >
요소를 나타내는 모든 HTMLImageElement
객체를 포함한 HTMLCollection
객체를 참조한다.
현재 문서와 연결된 DOMImplementation
객체를 참조한다.
현재 문서의 마지막 자식 요소를 참조한다
현재 문서가 마지막으로 수정된 날짜와 시간을 포함하는 문자열을 조회한다.
현재 문서 내의 href
애트리뷰트를 가진 <a>
, <area>
요소를 나타내는 각각의 모든 HTMLAnchorElement
, HTMLAreaElement
객체를 포함하는 HTMLCollection
을 참조한다.
현재 문서에 대한 URL을 다루는 Location
객체를 참조한다.
현재 문서에서 PIP 모드로 표시되는 요소를 조회한다. 해당되지 않는 경우 null
을 갖는다.
현재 문서에서 PIP 모드를 사용할 수 있는지 여부를 불리언(boolean)으로 조회한다.
현재 문서 내의 <embed>
요소를 나타내는 모든 HTMLEmbedElement
객체를 포함한 HTMLCollection
객체를 참조한다.
현재 문서에서 포인터가 잠겨있는 동안 마우스 이벤트의 대상으로 설정된 요소를 참조한다.
문서의 로드 상태를 나타낸다.
현재 페이지에 연결된 이전 페이지의 URL을 조회한다.
현재 문서 내의 <script>
요소를 나타내는 모든 HTMLScriptElement
객체를 포함한 HTMLCollection
객체를 참조한다.
현재 문서를 스크롤하는 요소를 참조한다.
현재 문서에 명시적으로 연결되었거나 문서에 포함된 스타일시트를 나타내는 CSSStyleSheet
객체의 목록을 다루는 StyleSheetList
객체를 참조한다.
현재 문서의 기본 타임라인을 나타내는 DocumentTimeline
객체의 인스턴스를 참조한다.
현재 문서의 제목(<title>
)을 조회하거나 설정한다.
현재 문서의 위치를 조회한다.
현재 문서의 가시성 상태를 조회한다.
현재 문서로 다른 문서에 있는 지정된 노드를 전송한다.
현재 문서 하위의 맨 끝에 지정된 노드를 추가한다.
Document.prototype.open()
메소드로 열린 현재 문서의 쓰기를 완료한다.
새로운 Attr
객체를 생성한다.
네임스페이스 URI를 지정하여 새로운 Attr
객체를 생성한다.
새로운 CDATA 섹션 노드를 생성한다.
새로운 주석 노드를 생성한다.
현재 DOM 트리에 영향을 주지 않는 문서 조각으로 사용될 새로운 DOM 트리를 생성한다.
지정된 태그 명으로 새로운 Element
객체를 생성한다.
지정된 네임스페이스 URI와 정규화된 이름으로 요소를 생성한다.
지정된 유형의 이벤트를 생성한다.
현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 새로운 NodeIterator
객체를 반환한다.
새로운 ProcessingInstruction
노드를 생성한다.
새로운 Range
객체를 생성한다.
새로운 Text
노드 객체를 생성한다.
현재 문서에서 지정된 루트 노드의 하위 노드를 대상으로 지정된 기준에 따라 구성된 트리 내의 노드를 다루는 TreeWalker
객체를 반환한다.
뷰포트(viewport)를 기준으로 지정된 좌표에서 최상위 요소를 반환한다.
뷰포트(viewport)를 기준으로 지정된 좌표에 있는 모든 요소를 배열로 반환한다.
현재 문서의 요소가 전체 화면 모드로 표시될 때 원래 화면 모드로 복원한다.
현재 문서에서 PIP 모드로 보여지는 미디어 요소를 원래 모드로 복원한다.
현재 문서에 포인터 잠금이 지정된 경우 비동기적으로 해제한다.
현재 문서의 하위 요소에 연결된 유효한 모든 Animation
객체의 배열을 반환한다.
현재 문서 내의 하위 요소들에 대하여 지정된 id
애트리뷰트를 갖는 요소를 찾아 반환한다.
현재 문서 내의 하위 요소들에 대하여 지정된 class
애트리뷰트를 갖는 요소들을 모두 찾아 HTMLCollection
으로 반환한다.
현재 문서 내의 하위 요소들에 대하여 지정된 name
애트리뷰트를 갖는 요소들을 모두 찾아 NodeList
으로 반환한다.
현재 문서 내의 하위 요소들에 대하여 지정된 태그 이름을 갖는 요소들을 모두 찾아 HTMLCollection
으로 반환한다.
현재 문서에서 사용자가 선택한 텍스트의 범위를 가진 Selection
객체를 반환한다.
현재 문서 또는 문서 내부의 요소에 포커스(focus)가 있는지를 나타내는 불리언(boolean)을 반환한다.
현재 문서가 분할되지 않은 쿠키(cookie)에 엑세스할 수 있는지 여부를 불리언(boolean)으로 확인하는 Promise
객체를 반환한다.
현재 문서에 삽입할 수 있는 다른 문서의 Node
객체 또는 DocumentFragment
객체의 복사본을 생성한다.
현재 문서에 Document.prototype.write()
메소드를 사용하여 새로 쓰기 위해 문서를 연다.
현재 문서의 첫 번째 자식 앞에 Node
객체 또는 문자열 세트 집합을 추가한다.
현재 문서내의 Element
객체를 대상으로 지정된 CSS 선택기 세트와 첫 번째로 일치하는 요소를 반환한다.
현재 문서내의 Element
객체를 대상으로 지정된 CSS 선택기 세트와 일치하는 모든 요소를 NodeList
로 반환한다.
현재 문서의 기존 하위 노드를 지정된 새 노드로 대체한다.
로드된 현재 문서가 분할되지 않은 쿠키에 대한 접근을 요청한다.
document.open()
메소드로 열린 현재 문서 스트림(stream)에 지정된 텍스트 문자열을 작성한다.
document.open()
메소드로 열린 현재 문서 스트림(stream)에 끝에 개행이 포함된 지정된 텍스트 문자열 작성한다.
요소의 속성 객체(Attr
)를 가진 NamedNodeMap
타입의 Collection을 조회한다.
자식 요소의 개수를 조회하는 읽기 전용 속성이다.
자식 요소을 HTMLCollection
객체로 참조한다.
요소의 class
값 목록을 유사 배열인 DOMTokenList
로 참조한다.
요소의 class
속성 값을 조회하거나 설정할 수 있다.
요소의 내부 높이를 픽셀로 조회할 수 있는 읽기 전용 속성이다.
요소의 왼쪽 테두리의 너비(픽셀)를 조회할 수 있다. 텍스트 방향이 왼쪽이고 스크롤바가 있는 경우 스크롤바의 너비를 포함한다. 왼쪽 간격과 왼쪽 내부 여백을 포함하지 않는다.
요소의 상단 테두리의 너비를 픽셀 단위로 조회할 수 있는 읽기 전용 속성이다.
요소의 내부 너비를 픽셀로 조회할 수 있는 읽기 전용 속성이다.
요소의 첫 번째 자식 요소를 참조한다. 자식 요소가 없는 경우 null
을 갖는다.
id
전역 속성을 반영하여 요소의 식별자를 나타낸다.
요소에 포함된 HTML 또는 XML 태그를 조회하거나 설정한다.
요소의 마지막 자식 요소를 참조하는 읽기 전용 속성이다. 자식 요소가 없는 경우 null
을 갖는다.
요소의 정규화된 이름의 로컬 부분을 조회한다.
요소의 네임스페이스 URI를 조회한다. 네임스페이스가 없는 경우에는 null
을 갖는다.
다음 형제 요소를 참조하며 존재하지 않는 경우에는 null
을 갖는다.
요소의 자식 요소를 포함하여 요소를 나타내는 직렬화된 HTML 일부를 조회하거나 설정한다.
요소의 부분 식별자를 나타내며 DOMTokenList
로 조회된다. 가상 요소를 통해 shadow DOM의 일부를 스타일링하는데 사용할 수 있다.
요소의 네임스페이스 접두어를 조회하거나 지정되지 않은 경우 null
을 갖는다. XML MIME 유형에서만 동작하며 HTML 문서에서는 작동하지 않는다.
이전 형제 요소를 참조하며 존재하지 않는 경우에는 null
을 갖는다.
overflow
로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 높이를 조회할 수 있다.
요소의 내용이 왼쪽 가장 자리에서 스크롤되는 픽셀 수를 조회하거나 설정한다.
요소의 콘텐츠가 세로로 스크롤되는 픽셀 수를 조회하거나 설정한다.
오버플로우(overflow)로 인해 화면에 표시되지 않는 내용을 포함하여 요소의 콘텐츠의 폭을 조회할 수 있다.
요소가 호스팅하는 섀도우 루트(shadow root)를 조회한다. Element.prototype.attachShadow()
메소드를 사용하여 기존 요소에 섀도우 루트(shadow root)를 추가할 수 있다.
요소가 삽입된 섀도우(shadow) DOM 슬롯의 이름을 조회한다.
요소의 태그 명을 조회한다.
인수에 정의된 값에 따라 요소에게 애니메이션을 구현하며 애니메이션을 제어할 수 있는 Animation
객체를 반환한다.
요소에 섀도우(shadow) DOM 트리를 연결하고 ShadowRoot
에 대한 참조를 반환한다.
인수로 지정된 CSS 선택자와 일치하는 노드를 찾을 때 까지 요소의 상위(문서의 루트까지)를 탐색한다. 자신 또는 일치하는 조상 요소를 반환한다. 찾는게 없다면 null
을 반환한다.
CSSStyleDeclaration
의 대안인 CSS 선언 블록의 읽기 전용 표현을 제공하는 StylePropertyMapReadOnly
인터페이스를 반환한다.
요소에 영향을 주거나 향후에 예정되어 있는 모든 Animation
객체의 배열을 반환한다.
요소의 지정된 애트리뷰트 값을 반환한다.
요소의 모든 애트리뷰트의 이름을 문자열 배열로 반환한다.
요소의 지정된 애트리뷰트를 Attr
노드 객체로 반환한다.
지정된 네임스페이스와 이름을 가진 애트리뷰트에 대한 Attr
노드를 반환한다.
인수로 지정된 네임스페이스와 이름을 가진 애트리뷰트의 문자열 값을 반환한다.
요소의 크기와 뷰포트를 기준으로 위치를 반환한다.
CSS 테두리 상자에 대한 경계 사각형을 나타내는 DOMRect
객체 컬렉션을 반환한다.
인수로 지정된 class
이름을 가진 모든 하위 요소를 포함하는 라이브(live) 상태의 HTMLCollection
을 반환한다.
지정된 태그 이름을 가진 자신을 제외한 모든 하위 요소를 포함하는 라이브 상태의 HTMLCollection
을 반환한다.
지정된 네임스페이스에 속하는 지정된 태그 이름을 가진 모든 요소를 NodeList
타입으로 반환한다.
인수로 지정된 애트리뷰트의 존재 여부를 boolean
반환한다.
네임스페이스를 갖는 요소에 지정된 애트리뷰트가 있는지를 boolean
값으로 반환한다.
요소에 애트리뷰트가 있는지 여부를 boolean
값으로 반환한다.
호출된 요소에 지정된 포인터 ID로 식별된 포인터에 대한 포인터 캡처(capture)가 있는지 여부를 불리언(boolean)으로 반환한다.
요소의 지정된 위치에 지정된 요소를 삽입한다.
인수로 지정된 문자열을 HTML 또는 XML로 구문 분석하고 그 결과의 노드를 지정된 위치의 DOM 트리에 삽입한다.
요소에게 지정된 위치에 지정된 텍스트 노드를 삽입한다.
지정된 CSS 선택자에 의해 요소가 선택되는지 확인한다.
지정된 CSS
선택자를 갖는 하위 요소를 찾아 첫 번째로 일치하는 요소을 반환한다.
지정된 CSS
선택자를 갖는 하위 요소를 찾아 일치하는 모든 하위 요소를 NodeList
로 반환한다.
특정 포인터에 대해 이전에 설정된 포인터 캡처를 해제한다.
노드(자신)를 DOM에서 제거한다.
인수로 지정된 애트리뷰트를 제거한다.
요소에서 지정된 속성을 제거한다.
지정된 애트리뷰트를 요소에서 제거한다.
기존의 자식 항목을 지정된 자식 항목(노드 또는 문자열) 세트로 대체한다.
현재 요소를 지정된 요소로 대체한다.
비동기 요청으로 요소를 전체 화면 모드로 표시한다.
지정된 요소에 대한 포인터 잠금을 비동기적으로 요청할 수 있다.
요소 내부의 특정 좌표로 스크롤한다.
지정된 좌표를 상대적인 값으로 사용하여 스크롤한다.
요소가 사용자에게 표시되도록 요소의 상위 컨테이너를 스크롤한다.
지정된 x
, y
절대 좌표로 스크롤한다.
요소의 애트리뷰트(attribute)를 설정한다.
요소에게 새로운 Attr
노드를 추가한다.
네임스페이스 기반의 새로운 애트리뷰트 노드를 추가한다.
새 속성을 추가하거나 지정된 네임스페이스 및 이름으로 애트리뷰트의 값을 변경한다.
주어진 HTML 문자열을 구문 분석하여 유효하지 않은 HTML 문자열을 모두 제거하고 대상 요소의 하위 트리로 삽입한다.
특정 포인터를 향후 포인터 이벤트의 캡처 대상으로 지정하는 데 사용한다.
요소의 불리언(boolean) 속성을 토글한다.
특정 요소로 이동할 수 있도록 사용자에게 제공하는 키 입력 세트이다.
요소에 할당된 접근 키를 포함하는 문자열을 조회한다.
요소의 autofocus
여부를 나타낸다.
요소의 콘텐츠에 대한 수정 가능 여부를 지정한다.
data-*
로 시작하는 사용자 정의 애트리뷰트의 값을 설정하거나 조회한다.
요소의 콘텐츠의 방향을 조회하거나 설정한다.
요소가 드래그 가능한지의 여부를 조회하거나 설정한다.
가상 키보드의 Enter 키에 대해 표시할 레이블 또는 아이콘을 정의하는 열거형 프로퍼티이다.
요소가 숨김 상태인지를 불리언(boolean)으로 조회하거나 설정한다.
요소에 대한 사용자 입력 이벤트를 무시하고 페이지 검색 및 텍스트 선택을 무시할 수도 있는지 여부를 불리언(boolean)으로 조회하거나 설정한다.
요소 및 하위 요소의 텍스트 콘텐츠를 조회하거나 설정한다.
값을 입력할 때 사용할 가상 키보드 구성 유형에 대한 힌트를 웹브라우저에게 제공한다.
수정 가능한 콘텐츠인지 여부를 불리언(boolean) 값으로 조회한다 수정이 가능하면 true
, 그렇지 않다면 false
를 갖는다.
요소의 애트리뷰트 값 및 텍스트 콘텐츠의 기본 언어를 조회하거나 설정한다.
콘테츠 보안 정책에서 사용하는 한 번 사용한 암호화 번호를 반환하여 주어진 패치가 진행될 수 있는지 여부를 결정한다.
여백과 테두리의 두께가 포함된 요소의 레이아웃 세로 크기를 정수로 조회하는 읽기 전용 프로퍼티이다.
상대적으로 위치한 가장 가까운 상위 요소(offsetParent
)로부터 지정 요소의 좌측 상단 모서리까지 상대적 좌측 거리를 픽셀 값으로 가지고 있는 읽기 전용 속성이다.
가장 가까운 상대적 기준 상위 요소를 참조한다.
위치에 대한 상대적 기준을 갖는 가장 가까운 상위 요소로부터 지정 요소의 상대적 상단 거리(픽셀)를 가지고 있는 읽기 전용 속성이다.
요소의 레이아웃 가로 크기를 정수로 조회하는 읽기 전용 속성이다.
기본적으로 요소의 텍스트 콘텐츠를 조회하거나 설정하는 innerText와 동일하나 요소 자체까지 대체될 수 있다는 면에서 차이가 있다.
요소의 popover
상태를 가져오거나 설정한다.
맞춤법 검사 힌트를 제어하는 불리언(Boolean)을 나타낸다
CSSStyleDeclaration
객체를 참조하며 요소에게 적용된 인라인 스타일을 조회하거나 설정할 수 있다.
현재 요소의 탭(tab)키에 의한 이동 순서를 나타낸다.
요소의 HTML tabindex
속성의 나타낸다.
요소의 제목을 조회하거나 설정한다.
현재 페이지가 현지화될 때 요소의 애트리뷰트 값과 포함하는 텍스트의 번역 여부를 나타내거나 설정한다.
요소가 콘텐츠 편집이 허용된 경우 모바일 기기 또는 물리적인 키보드를 사용할 수 없는 기타 장치에서 화면 가상 키보드의 동작을 나타내는 문자열을 조회하거나 설정한다.
사용자 정의 요소를 HTML 양식에 사용될 수 있도록 지원하는 ElementInternals
객체를 반환한다.
요소의 키보드 포커스를 제거한다.
요소에 대한 마우스 클릭(click) 이벤트를 트리거(trigger)한다.
포커스가 가능한 요소를 활성시킨다. 포커스가 가능한 요소는 기본적으로 키보드 및 키보드와 유사한 이벤트를 받는 요소이다.
팝오버가 설정되어 있다면 팝오버 요소를 숨긴다.
팝오버가 설정되어 있다면 팝오버 요소를 화면에 표시한다.
팝오버 요소를 표시하거나 숨기는 처리를 동시에 지원한다.