English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Document 객체는 여러분의 웹 페이지에서 모든 다른 객체의 소유자입니다
Document 객체는 HTML 문서의 루트 노드로, 여러분의 웹 페이지를 대표합니다
HTML 페이지의 어떤 요소에도 접근하려면 항상 Document 객체를 시작으로 접근해야 합니다
그것은 페이지 URL를 가져오거나 문서에서 새 요소를 생성하는와 같은 전반적인 기능을 제공합니다
이 예제는 getElementById() 메서드를 사용하여 HTML 요소(이드 "para"를 가진)를 찾습니다:
document.getElementById("para");테스트를 해보세요‹/›Document 객체는 HTML 문서의 루트 노드입니다
다음 표는 Document 객체의 속성을 나열합니다
| 속성 | 설명 |
|---|---|
| activeElement | 문서에서 현재 포커스를 가진 요소를 반환합니다 |
| baseURI | 문서의 绝对 기본 URI를 반환합니다 |
| body | 문서의 본문을 설정하거나 반환합니다요소) |
| cookie | 이 문서의 쿠키를 세미콜론으로 구분된 목록을 반환합니다 |
| characterSet | 문서가 사용하는 문자집합을 반환합니다 |
| defaultView | 문서와 연결된 창 객체를 반환합니다; 사용할 수 있는 창 객체가 없으면 null을 반환합니다 |
| designMode | 전체 문서를 편집할 수 있는 능력을 가져오거나 설정합니다 |
| doctype | 현재 문서의 문서 타입 선언을 반환합니다 |
| documentElement | 문서의 직접 자식 요소로서의 Document 요소를 반환합니다 (<html>요소) |
| documentURI | 문서 위치를 문자열 형식으로 설정하거나 반환합니다 |
| domain | 문서를 로드한 서버의 도메인 이름을 반환합니다 |
| embeds | 문서에서 모든<embed>요소 목록 |
| forms | 문서에서 모든<form>요소 목록 |
| fullscreenElement | 전체 화면 모드로 표시되는 현재 요소를 반환합니다 |
| fullscreenEnabled | 문서를 전체 화면 모드로 볼 수 있는지 여부를 나타내는 불리언 값을 반환합니다 |
| head | 문서의<head>요소 |
| images | 문서에서 모든<img>요소 목록 |
| implementation | 현재 문서와 관련된 DOM 구현을 반환합니다 |
| lastModified | 문서를 마지막으로 수정한 날짜와 시간을 반환합니다 |
| links | href 속성을 가진 모든 문서에서<a>와<area>요소 집합 |
| readyState | 문서의 로드 상태를 반환합니다 |
| referrer | 현재 문서를 로드한 문서의 URL을 반환합니다 |
| scripts | 문서에서<script>요소 목록 |
| title | 문서 제목을 설정하거나 반환합니다 |
| URL | HTML 문서의 전체 URL을 문자열 형식으로 반환합니다 |
다음 표는 Document 객체의 메서드를 나열합니다:
| 메서드 | 설명 |
|---|---|
| addEventListener() | 문서에 이벤트 처리기를 추가합니다 |
| adoptNode() | 외부 문서에서 노드를 채택합니다 |
| close() | document.open()를 사용하여 열린 이전 문서 스트림을 닫습니다 |
| createAttribute() | 속성 노드를 생성합니다 |
| createComment() | 지정된 텍스트로 새로운 Comment 노드를 생성합니다 |
| createDocumentFragment() | 새로운 문서 프래그먼트 노드를 생성합니다 |
| createElement() | 지정된 태그 이름으로 새로운 요소 노드를 생성합니다 |
| createTextNode() | 텍스트 노드를 생성합니다 |
| execCommand() | 현재 포커스를 가진 요소에 지정된 클립보드 작업을 호출합니다 |
| exitFullscreen() | 전체 화면 모드에서 요소를 취소합니다 |
| getElementById() | 지정된 값의 ID 속성을 가진 요소를 반환합니다 |
| getElementsByClassName() | 지정된 클래스 이름을 가진 요소 목록을 반환합니다 |
| getElementsByName() | 지정된 이름을 가진 요소 목록을 반환합니다 |
| getElementsByTagName() | 지정된 태그 이름을 가진 요소 목록을 반환합니다 |
| hasFocus() | 포커스가 지정된 문서 내의 어느 위치에도 현재 위치하면 true를 반환합니다 |
| importNode() | 외부 문서에서 노드의克隆을 반환합니다 |
| normalize() | 빈 Text 노드를 제거하고 인접한 노드를 연결합니다 |
| normalizeDocument() | 빈 Text 노드를 제거하고 인접한 노드를 연결합니다 |
| open() | 쓰기를 위해 문서 흐름을 열기 |
| querySelector() | 문서에서 지정된 CSS 선택자와 일치하는 첫 번째 요소를 반환합니다 |
| querySelectorAll() | 문서에서 지정된 CSS 선택자와 일치하는 모든 요소의 목록을 반환합니다 |
| removeEventListener() | addEventListener() 메서드를 추가한 문서에서 이벤트 처리기를 제거합니다 |
| write() | HTML 표현식이나 JavaScript 코드를 문서에 쓰기 |
| writeln() | write()와 동일하지만 각 문장마다 줄 바꿈 문자를 추가합니다 |