웹브라우저 JavaScript

Document 객체

소개

Document 객체는 DOM의 스팩이고 이것이 웹브라우저에서는 HTMLDocument 객체로 사용된다. HTMLDocument 객체는 문서 전체를 대표하는 객체라고 할 수 있다. 아래 코드는 이를 보여준다.

<script>
//document 객체는 window 객체의 소속이다.
console.log(window.document);
//document 객체의 자식으로는 Doctype과 html이 있다. 
console.log(window.document.childNodes[0]);
console.log(window.document.childNodes[1]);
</script>

주요 API

노드 생성 API

document  객체의 주요 임무는 새로운 노드를 생성해주는 역할이다. 이에 대한 내용은 노드 변경 API에서 학습했기 때문에 여기서는 언급하지 않는다.

  • createElement()
  • createTextNode()

문서 정보 API

  • title
  • URL
  • referrer
  • lastModified

 

댓글

댓글 본문
작성자
비밀번호
  1. 늘 감사해요
  2. DOM DOM DOM!!!
  3. tachyon
    감사합니다
  4. JustStudy
    2016.07.08 금
    고맙습니다 3.
  5. JustStudy
    2016.007.30금
    고맙습니다 2.
  6. 온달장군
    강좌 잘보고 갑니다. 감사합니다.
  7. 이주환
    2016. 04. 27
    잘보고 갑니다~!
  8. JustStudy
    고맙습니다
  9. egoingBack
    조쿠요!
  10. 초보웹 개발자
    egoing님 수고 많으셨습니다...
  11. WayneKing
    파이팅!!!!
  12. 코딩!
    DOM
  13. flack3r
    Document vs document
    Document 객체는 Node 객체의 자식클래스이고 document객체는 모든 노드들을 소유하는 루트노드에 해당하는걸로 보입니다.
    http://zetawiki.com......%B4
  14. will
    Document 객체와Element는 상속관계가아닌데

    document.getElementByID( )
    위와같이 어떻게 ㅇocument객체 프로퍼티로 Element관련 메소드를 쓸수 있는지 이해가 안갑니다.

    Document객체가 Element객체에게 상속해줘야 되는거 아닌가요?
  15. quki
    1. Document vs document
    Document(시작점이 대문자)는 객체의 이름이고 document(시작점이 소문자)는 객체로 이해하는 것이 맞나요???
    혹시 Document의 경우 class를 말하는건가요?

    2. Document는 Node의 자식객체인데 document의 경우 window의 자식이라고는 할 수 없는건가요? 전역객체와 부모객체는 다름개념으로 이해하는 것이 맞나요?

    구조도에서 애매한 부분이 있어 질문올립니다 ^^
  16. quki
    Document 객체가 DOM의 시작점이라고 하셨는데 ,
    그렇다면 Node객체의 경우 DOM에 해당되지 않는건가요?
    개념이 다소 헷갈리네요 ㅠ
  17. gohu517
    감사합니다 (__)=b
  18. 규빈이아빠
    잘봤습니다^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기