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

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

홈짱 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 2,229  
목차
  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 관련글
분류 제목
Basic JS - Home (JS입문) + Javascript Framework (프레임워크) 종류
Basic JS - Intro (JS소개)
Basic JS - Where To (JS위치) - JS구문 / JS코드위치 / JS사용법 ※ JS외부링크 주의사항
Basic JS - Output (JS출력= JS쓰기) ★★★★★ document.write() = 다큐먼트라이트
Basic JS - Syntax (JS구문) ★
Basic JS - Statement (JS구문= JS명령문)
Basic JS - Comment (JS주석)
Basic JS - Variable (JS변수) ★★★★★
Basic JS - Operator (연산자) - JS연산자 ★★★★★
Basic JS - Data Type - 데이터유형 ★★★★★ (= 데이터형식 = 데이터타입 = 데이터종류 = 자료형…
Basic JS - Function - JS함수 ★★★★★ ※ 일반함수 특징 2
Basic JS - Object - JS객체 ★★★★★
Basic JS - Scope - JS유효범위 (= JS접근범위 = 변수 종류) ★★★★★★★★★★
Basic JS - Event - JS이벤트 (= JS코드실행방법) ★★★★★
Basic JS - Strings - JS문자열
Basic JS - String Methods - JS문자열메서드
Basic JS - Number - JS숫자
Basic JS - Number Method - JS숫자메서드
Basic JS - Math 객체 - JS수학객체 (= JS산수객체 = Math객체 = Math Object = 매스 …
Basic JS - Dates - JS날짜
1/67
목록
오늘: 1,122 | 어제: 13,515 | 최대: 31,885 | 전체: 11,857,677
  • 채팅방
  • 필독
1. 채팅창 헤드에서 접속자 확인 2. 닉네임 클릭해 1:1 채팅 가능 3. 닉네임 클릭해 귓속말 가능 4. 닉네임 클릭해 호출하기 가능 5. 우하단 클릭해 환경 설정 가능 6. 의뢰글 작성 후 의뢰 상담 가능 7. 질문글 작성 후 질문 상담 가능 8. 채팅방에 개인정보 입력 금지 9. 채팅방에 광고 욕설 비방 금지
  • (견적/의뢰/질문/등업) 상담은 게시판 이용해 주세요.
  • 인터넷 임시파일 제거 시 속도 ↑ (Ctrl + Shift + Del)

공지사항

최신글

최신댓글

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