• 회원가입
  • 로그인
  • 구글아이디로 로그인

[DOM_Document] JS - Document 객체 - 웹문서 객체의 속성/메서드 종류 (= document객체 = 다큐먼트객체)

목차
  1. Document 객체 정의
  2. Document 객체 속성/메서드

 

Document 객체 정의 

 

HTML 문서가 웹 브라우저에 로드되면 document 객체 됨. 

(※ document 객체는 HTML 문서의 루트 노드임.)

 

 

Document 객체 속성/메서드

[목차] - 알파벳순

 

 


[A]

 

  • activeElement 속성 - 문서에서 현재 포커스 된 요소 반환.
  • addEventListener() 메서드 - 이벤트 핸들러를 문서에 첨부.
  • adoptNode() 메서드 - 다른 문서에서 노드를 사용.
  • anchors 속성 - 문서에서 name 속성 가진 모든 <a> 요소의 모음 반환.
  • applets 속성 - 문서의 모든 <applet> 요소의 모음 반환.

 


[B]

 

  • baseURI 속성 - 문서의absolute base URI (= 절대 기본 URI) 반환.
  • body 속성 ★ - 문서의 본문 (<body> 요소) 설정하거나 반환.

 


[C]

 

  • close() 메서드 - 이전에 document.open() 메서드로 연 출력 스트림 닫기.
  • cookie 속성 - 문서에서 쿠키의 모든 name / value 쌍 반환.
  • charset 속성 - 폐기예고. 대신에 characterSet 코드 사용. 문서의 문자 인코딩 반환. 
  • CharacterSet 속성 - 문서의 문자 인코딩 상태 반환.
  • createAttribute() 메서드 - 속성 노드 생성.
  • createComment() 메서드 - 지정된 텍스트 갖는 주석 노드 생성.
  • createDocumentFragment() 메서드 - 비어있는 DocumentFragment 노드 생성. 
  • createElement() 메서드 - 요소 노드 생성.
  • createEvent() 메서드 - 새 이벤트 생성. 
  • createTextNode() 메서드 - 텍스트 노드 생성.



[D]

 

  • defaultView 속성 - 문서와 관련된 윈도우 객체 반환하거나, 사용할 수없는 경우 null 반환. 
  • designMode 속성 - 전체 문서를 편집 할 수 있는지 여부 제어.
  • doctype 속성 - 문서와 관련된 문서유형선언 (= 문서타입선언 = 독타입) 반환. 
  • documentElement 속성 ★ - 문서의 Document 요소 (<html> 요소) 반환. 
  • documentMode 속성 - 브라우저에서 문서를 렌더링하는 데 사용하는 모드 반환. 
  • documentURI 속성 - 문서의 위치를 설정하거나 반환.
  • domain 속성 - 문서 로드 한 서버의 도메인 이름 반환.
  • domConfig 속성 - 사용중단. 문서의 DOM 구성을 반환.

 


[E]

 

  • embeds 속성 - 문서의 모든 <embed> 요소 모음 반환.
  • execCommand() 메서드 - 현재 포커스가 있는 요소에서 지정된 클립보드 작업을 호출.

 


[F]

 

  • forms 속성 - 문서의 모든 <form> 요소 모음 반환.
  • fullscreenElement 속성 - 전체 화면 모드로 표시되는 현재 요소를 반환.
  • fullscreenEnabled() 메서드 - 문서를 전체화면모드로 볼 수 있는지 여부 참거짓값 반환.

 


[G]

 

  • getElementById()  메서드 ★★★ - 지정된 ID명(아이디명) 갖은 요소 반환. 
  • getElementsByClassName() 메서드 ★★★ - 지정된 ClassName(클래스명) 갖은 모든 요소를 포함한 NodeList 반환. 
  • getElementsByName() 메서드 ★★★ - 지정된 Name(이름) 갖는 모든 요소를 포함한 NodeLis 반환. 
  • getElementsByTagName() 메서드 ★★★ - 지정된 TagName(태그명)의 모든 요소 포함한 NodeList 반환.

 


[H]

 

  • hasFocus() 메서드 -문서에 포커스 있는지 여부 나타내는 참거짓 반환.
  • head 속성 ★ - 문서의 <head> 요소 반환.

 


[I]

 

  • images 속성 - 문서의 모든 <img> 요소 모음 반환.
  • implementation 속성 - 이 문서를 처리하는 DOMImplementation 객체 반환. 
  • importNode() 메서드 - 다른 문서에서 노드 가져오기. 
  • inputEncoding 속성 - 문서에 사용 된 인코딩, 문자셋 반환.

 


[J]

 

없음

 


[K]

 

없음

 


[L]

 

  • lastModified 속성 - 문서가 마지막으로 수정된 날짜와 시간 반환. (= 마지막수정시간 반환 = 최종수정시간반환) 
  • links 속성 - 문서에서 href 속성 갖은 모든 <a> 및 <area> 요소 모음 반환.

 


[M]

 

없음.

 


[N]

 

  • normalize() 메서드 - 비어있는 Text 노드 제거하고 인접 노드 결합.
  • normalizeDocument() 메서드 - 비어있는 Text 노드 제거하고 인접 노드 조인.

 


[O]

 

open() 메서드 - HTML 출력 스트림을 열고 document.write() 메서드에서 출력을 수집.

 


[P]

 

없음.

 

[Q]

 

  • querySelector() 메서드 ★★★ - 문서의 지정된 CSS 선택자와 일치하는 첫 번째 요소 반환. 
  • querySelectorAll() 메서드 ★★★ - 문서의 지정된 CSS 선택자와 일치하는 모든 요소를 포함하는 정적 NodeList 반환.

 


[R]

 

  • readyState 속성 - 문서의 (로드 중) 상태 반환.
  • referrer 속성 - 현재 문서를 로드한 문서의 URL 반환.
  • removeEventListener() 메서드 - addEventListener () 메서드로 연결된 문서에서 이벤트 핸들러 제거. 
  • renameNode() 메서드 - 지정된 노드의 이름 변경.

 


[S]

 

  • scripts 속성 - 문서의 <script> 요소 모음 반환.
  • strictErrorChecking 속성 - 오류 검사가 적용되는지 여부를 설정하거나 반환.

 


[T]

 

title 속성 - 문서의 제목을 설정하거나 반환.

 


[U]

 

URL 속성 - HTML 문서의 전체 URL을 반환.

 


[V]

 

없음.

 


[W]

 

  • write() 메서드 - HTML 표현식이나 JavaScript 코드를 문서에 쓰기.
  • writeln() 메서드 - write ()와 같지만 각 명령 다음에 줄 바꿈 문자를 추가.

 


[X]

 

없음.

 


[Y]

 

없음.

 


[Z]

 

없음.

 



분류 제목
Basic JS - Let 키워드 ★★★★★ - 변수 블럭범위 설정 (렛키워드) ※ 클로저
Modernizr JS - Modernizr (모더나이저 = 마더나이저) - 크로스브라우징 구현 (= 브라우저의 HTML5 C…
React JS - React (리액트) - JS 라이브러리 일종으로 사용자 인터페이스 구축에 사용.(= 현재시간 = …
DOM_Attribute JS - Attribute 객체 - 속성객체
Window_Console JS - window.console 객체 - 콘솔객체
DOM_Document JS - Document 객체 - 웹문서 객체의 속성/메서드 종류 (= document객체 = 다큐먼트객체)
DOM_Element JS - Element 객체 - 요소객체 (속성 + 메서드) 종류
DOM_Event JS - Event 종류 ★ - 이벤트부착 / 이벤트종류 / 이벤트속성 / 이벤트메서드
API_Geolocation JS - Geolocation - 지리위치객체종류
Window_History JS - window.history 객체 정의 + 히스토리 객체의 (속성/메서드) 종류
DOM_HTMLCollection JS - HTMLCollection 객체 (속성 + 메서드) 종류
Window_Location JS - window.location 객체 - 위치 객체 (= window.location객체 = 윈도우로케…
Window_Navigator JS - window.navigator 객체 - 네비게이터 객체 (= window.navigator객체 = …
Window_Screen JS - window.screen 객체 - 스크린 객체 (= window.screen객체 = 윈도우스크린객체…
DOM_Style JS - CSS 스타일 속성값 반환 ★★ + style 객체의 속성 종류
Window_Object JS - window 객체 - 윈도우객체 (속성/메서드) 종류
API_Storage JS - Storage Object - 스토리지 객체 (※ 데이터 저장소)
Object JS - Object Constructor - 객체생성자종류 ★
Object JS - Object Prototypes - 객체프로토타입 (= 객체원형) ★
Object JS - object ECMAScript 5 - 객체혁명
22/67
목록
찾아주셔서 감사합니다. Since 2012