[JavaScript] 브라우저 제공 내장 객체 : DOM 트리의 최상위 객체, document

document 객체

• DOM 트리의 최상위 객체
• HTML 문서 전체를 대변하는 객체
• 모든 DOM 객체를 접근하는 경로의 시작점
• 여러 메소드를 통해 DOM 객체의 검색, 새로운 DOM 객체 생성 등 HTML 문서의 전반적인 제어를 지원한다.

 

document에 등록할 수 있는 주요 이벤트 리스너

onabort, onblur, onchange, onclick, oncontextmenu, ondblclick, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmouseleave, onmouseenter, onmousemove, onmouseout, onmouseover, onmouseup, onreadystatechange, onreset, onresize, onscroll, onsearch, onselect, onsubmit, onwheel

 

 

document 객체의 주요 프로퍼티, 컬렉션, 메소드

프로퍼티	설명	r/w
location	현재 문서의 URL 정보를 가진 location 객체의 레퍼런스	w
domain	서버의 도메인 이름	r
referrer	이 HTML 문서를 로드한 원래 문서의 URL 문자열. 이 문서가 처음이면 빈 문자열.	r
cookie	쿠키에 대한 레퍼런스	r/w
lastModified	"MM/DD/YYYY hhmmss" 형식. 문서의 최근 수정 시간.	r
readyState	문서의 현재 로딩 상태를 나타내는 문자열. 로딩되는 동안 "loading", "interactive", "complete" 순으로 변함. "interactive"는 문서의 파싱(해독)이 끝난 상태로, 여전히 로딩 중. 이때 사용자는 보이는 폼 요소에 입력 가능. 문서가 완전히 화면에 출력되면 "complete"로 변경.	r
title	문서의 제목 문자열. <title> 태그가 없으면 빈 문자열.	r/w
body	body 객체에 대한 레퍼런스	r/w
head	head 객체에 대한 레퍼런스	r
defaultView	문서가 출력된 브라우저 윈도우(window)에 대한 레퍼런스	r
activeElement	문서가 포커스를 받을 떄 문서 내 포커스를 받는 자식 객체	r
documentElement	html 객체에 대한 레퍼런스	r
URL	현재 문서의 URL	r

 

컬렉션	설명	r/w
images	문서 내의 모든 <img> 객체들의 컬렉션	r
links	문서 내의 href 속성을 가진 모든 링크 객체들의 컬렉션 <a> <area>	r
forms	문서 내의 모든 폼 <form> 객체들의 컬렉션	r

 

메소드	설명
getElementsByTagName()	주어진 태그 이름을 가진 모든 태그(DOM 객체)의 컬렉션 리턴
getElementsByClassName()	주어진 class 속성 값을 가진 모든 태그(DOM 객체)의 컬렉션 리턴
getElementsByName()	주어진 name 속성 값을 가진 모든 태그(DOM 객체)의 컬렉션 리턴
getElementById()	주어진 id 속성 값을 가진 첫 번째 DOM 객체 리턴
addEventListener()	document 객체에 이벤트 리스너 등록
close()	document 객체에 있는 HTML 콘텐츠를 브라우저에 출력하고, 더 이상 쓰기를 받지 않음.
createElement()	HTML 태그의 동적 생성
open()	document에 담긴 콘텐츠를 모두 지우고, 새로운 HTML 콘텐츠를 쓸 수 있도록 열기
removeEventListener()	document 객체에 등록된 이벤트 리스너 제거
write()	document에 HTML 콘텐츠 삽입. DOM 트리에 연결되고 브라우저에 출력됨.
writeln()	write() 후 '\n' (빈칸 하나) 추가 출력.