HTML DOM Document 객체

Document 객체

HTML 문서가 웹 브라우저에 로드될 때, 그것은문서 객체.

문서 객체HTML 문서의 루트 노드입니다.

문서 객체은윈도우 객체속성.

다음과 같은 방식으로 접근할 수 있습니다문서 객체:

window.document 또는 단순히 document

예제

let url = window.document.URL;

직접 시도해 보세요

let url = document.URL;

직접 시도해 보세요

문서 객체 속성 및 메서드

다음 속성과 메서드는 HTML 문서에서 사용할 수 있습니다:

속성 / 메서드 설명
all[] 문서 중 모든 HTML 요소에 대한 참조를 반환합니다.
activeElement 현재 초점을 맞춘 문서 요소를 반환합니다.
addEventListener() 이벤트 처리기를 문서에 추가합니다.
adoptNode() 다른 문서에서의 노드를 채택합니다.
anchors 사용되지 않습니다.
applets 사용되지 않습니다.
baseURI 문서의 절대 기준 URI를 반환합니다.
body 문서의 본문(<body> 요소)를 설정하거나 반환합니다.
charset 사용되지 않습니다.
characterSet 문서의 문자编码을 반환합니다.
close() document.open()로 열린 출력 스트림을 닫습니다.
cookie 문서 중 모든 쿠키의 이름/값 쌍을 반환합니다.
createAttribute() 속성 노드를 생성합니다.
createComment() 지정된 텍스트를 가진 Comment 노드를 생성합니다.
createDocumentFragment() 비어 있는 DocumentFragment 노드를 생성합니다.
createElement() 요소 노드를 생성합니다.
createEvent() 새 이벤트를 생성합니다.
createTextNode() 텍스트 노드를 생성합니다.
defaultView 문서와 연관된 창 객체를 반환합니다. 사용 가능하지 않으면 null을 반환합니다.
designMode 전체 문서가 편집 가능한지 여부를 제어합니다.
doctype 문서와 연관된 문서 타입 선언을 반환합니다.
documentElement 문서의 Document 요소(<html> 요소)를 반환합니다.
documentMode 사용되지 않습니다.
documentURI 문서의 위치를 설정하거나 반환합니다.
domain 문서를 로드한 서버의 도메인 이름을 반환합니다.
domConfig 사용되지 않습니다.
embeds 문서 중 모든 <embed> 요소의 집합을 반환합니다.
execCommand() 사용되지 않습니다.
forms 문서 중 모든 <form> 요소의 집합을 반환합니다.
getElementById() 지정된 값의 ID 속성을 가진 요소를 반환합니다.
getElementsByClassName() 지정된 클래스 이름을 가진 모든 요소를 포함하는 HTMLCollection.
getElementsByName() 지정된 이름을 가진 모든 요소의 활성 NodeList.
getElementsByTagName() 지정된 태그 이름을 가진 모든 요소를 포함하는 HTMLCollection.
hasFocus() 문서가 포커스를 얻었는지를 나타내는 보리值为.
head 문서의 <head> 요소를 반환합니다.
images 모든 <img> 요소의 집합을 반환합니다.
implementation 이 문서를 처리하는 DOMImplementation 객체를 반환합니다.
importNode() 또 다른 문서에서 노드를 가져옵니다.
inputEncoding 사용되지 않습니다.
lastModified 문서가 마지막으로 수정된 날짜와 시간을 반환합니다.
links href 속성을 가진 모든 <a>와 <area> 요소의 집합을 반환합니다.
normalize() 빈 텍스트 노드를 제거하고, 인접한 노드를 연결합니다.
normalizeDocument() 사용되지 않습니다.
open() document.write()에서 오는 출력을 수집하기 위해 HTML 출력 스트림을 열습니다.
querySelector() 문서 내에 지정된 CSS 선택자와 일치하는 첫 번째 요소를 반환합니다.
querySelectorAll() 문서 내에 지정된 CSS 선택자와 일치하는 모든 요소를 포함하는 정적 NodeList를 반환합니다.
readyState 문서의(로드) 상태를 반환합니다.
referrer 현재 문서를 로드한 문서의 URL을 반환합니다.
removeEventListener() 이벤트 처리기를 문서에서 제거합니다(이미 사용됨) addEventListener() 메서드 추가적인)
renameNode() 사용되지 않습니다.
scripts 문서 내 <script> 요소의 집합을 반환합니다.
strictErrorChecking 사용되지 않습니다.
title 문서의 제목을 설정하거나 반환합니다.
URL HTML 문서의 전체 URL을 반환합니다.
write() HTML 표현식이나 JavaScript 코드를 문서에 기록합니다.
writeln() write()와 같지만, 각 문장 뒤에 줄 바꿈 문자를 추가합니다.

Document 객체 설명

HTMLDocument 인터페이스는 DOM Document 인터페이스를 확장하여, HTML 전용 속성과 메서드를 정의합니다.

많은 속성과 메서드는 HTMLCollection 객체(실제로는 배열이나 이름으로 인덱싱할 수 있는 읽기 전용 배열)입니다. 이는 앵커, 양식, 링크 및 다른 스크립트 가능 요소에 대한 참조를 저장합니다.

이러한 셋 집합 속성은 0 단계 DOM에서 비롯되었습니다. 그들은 이미 Document.getElementsByTagName() 대체되었지만 여전히 자주 사용됩니다. 그들은 매우 편리하기 때문입니다.

write() 메서드문서가 로드되고 분석될 때, 스크립트가 문서에 동적으로 생성된 내용을 삽입할 수 있도록 허용합니다.

주의하십시오. 1단계 DOM에서는 HTMLDocument가 이름으로 정의된 getElementById() 매우 유용한 메서드입니다. 2단계 DOM에서는 이 메서드가 Document 인터페이스로 이동되었으며, 이제 HTMLDocument에서 상속받습니다.