• 회원가입
  • 로그인
  • 구글아이디로 로그인
그누앞단언어 JavaScriptLv 1

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2,151  
목차
  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]

 

없음.

 


JavaScript 관련글

jQuery 관련글

코딩동강 관련글

HTML 관련글

CSS 관련글

PHP 관련글

SQL 관련글

Bootstrap 3 관련글
분류 제목
DOM_Element JS - isDefaultNamespace() 메서드 - 네임스페이스가 기본값인지 체크
DOM_Element JS - isEqualNode() 메서드 - 노드 동일여부 비교 (IE9 이상)
DOM_Element JS - isSameNode() 메서드 - 노드 동일여부 비교 (IE9 이상. cf. Firefox 지원X)
DOM_Element JS - isSupported() 메서드 - 지정기능이 지정노드에 지원되는지 확인 (※ 사용 비권장)
DOM_Element JS - lang 속성 - 요소의 lang 속성값 설정/반환
DOM_Element JS - lastChild 속성 ★ = 마지막자식노드 (= lastChild속성 = 라스트차일드 속성)
DOM_Element JS - lastElementChild 속성 - 마지막 자식요소 (IE9 이상)
DOM_Element JS - namespaceURI 속성 - 네임스페이스URI (IE9 이상)
DOM_Element JS - nextSibling 속성 - 바로다음 형제노드
DOM_Element JS - nextElementSibling 속성 - 바로다음 형제요소 (IE9 이상)
DOM_Element JS - nodeName 속성 - 노드명 (= 노드이름)
DOM_Element JS - nodeType 속성 ★ - 노드타입 반환 (읽기전용) ※ 노드유형 = 노트형식 = 노드종류
DOM_Element JS - nodeValue 속성 - 지정노드의 노드값 설정/반환 (= nodeValue속성 = 노드밸류속성)
DOM_Element JS - normalize() 메서드 - 공백제거 후, 인접텍스트노드 합치기 (Element경우)
DOM_Element JS - offsetHeight 속성 - 가시높이 (= 요소실제높이 = 요소높이 height+ + paddi…
DOM_Element JS - offsetWidth 속성 ★ = 가시너비 (= 요소실제너비 = 요소너비 width + paddin…
DOM_Element JS - offsetLeft 속성 - 가시좌측위치 (= 가시왼쪽위치) (IE8 이상)
DOM_Element JS - offsetParent 속성 - static 이외의 position 갖는 최근접조상요소 (= 가장가…
DOM_Element JS - offsetTop 속성 - 가시 상단 위치 (IE8 이상)
DOM_Element JS - ownerDocument 속성 - 노드의 소유자문서를 HTMLDocument 객체로 반환
29/67
목록
오늘: 543 | 어제: 5,372 | 최대: 31,885 | 전체: 11,655,076
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
  • (견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
  • 인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)

공지사항

최신글

최신댓글

사이트명:홈짱닷컴, 연락처:
Copyright ⓒ https://homzzang.com. All rights reserved.
찾아주셔서 감사합니다. Since 2012