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

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2,199  
목차
  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 관련글
분류 제목
Global JS - String() 함수 ★ - 객체값을 문자열로 변환 [전역함수]
Global JS - unescape() 함수 - 인코딩된 문자열을 디코딩. 1.5 버전에서 폐기예고. decodeUR…
Conversion JS - Type Conversion (타입변환 = 타입변경) ★
Conversion JS - false 타입변환 - (숫자: 0 , 문자열: "false" , 참거짓: false)
Conversion JS - true 타입변환 - (숫자: 1 , 문자열: "true" , 참거짓: true)
Conversion JS - 0 타입변환 - (숫자: 0 , 문자열: "0" , 참거짓: false)
Conversion JS - 1 타입변환 - (숫자: 1 , 문자열: "1" , 참거짓: true)
Conversion JS - "0" 타입변환 - (숫자: 0 , 문자열: "0" , 참거짓: true)
Conversion JS - "1" 타입변환 - (숫자: 1 , 문자열: "1" , 참거짓: true)
Conversion JS - NaN 타입변환 - (숫자: NaN , 문자열: "NaN" , 참거짓: false)
Conversion JS - Infinity 타입변환 - (숫자: Infinity , 문자열: "Infinity" , 참거짓: …
Conversion JS - -Infinity 타입변환 - (숫자: -Infinity , 문자열: "-Infinity" , 참거…
Conversion JS - "" 타입변환 - (숫자: 0 , 문자열: "" , 참거짓: false)
Conversion JS - "20" 타입변환 - (숫자: 20 , 문자열: "20" , 참거짓: true)
Conversion JS - "twenty" 타입변환 - (숫자: NaN , 문자열: "twenty" , 참거짓: true)
Conversion JS - [ ] 타입변환 - (숫자: 0 , 문자열: "" , 참거짓: true)
Conversion JS - [20] 타입변환 - (숫자: 20 , 문자열: "20" , 참거짓: true)
Conversion JS - [10,20] 타입변환 - (숫자: NaN , 문자열: "10,20" , 참거짓: true)
Conversion JS - ["twenty"] 타입변환 - (숫자: NaN , 문자열: "twenty" , 참거짓: true)
Conversion JS - ["ten","twenty"] 타입변환 - (숫자: NaN , 문자열: "ten,twenty" , …
19/67
목록
오늘: 3,517 | 어제: 8,671 | 최대: 31,885 | 전체: 11,706,415
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
  • (견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
  • 인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)

공지사항

최신글

최신댓글

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