웹브라우저 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. 코리니
    20230104
  2. azkjhg
    Node.document 가 아니라 왜 window.document인가요?
  3. 헤밍웨이
    220825 Document 객체!
  4. 임앤강
    2022-02-12 수강하였습니다~
  5. 드림보이
    2021.12.28. Document 객체 파트 수강완료
  6. labis98
    20210912 좋은 강의 감사합니다.
  7. 박병진
    완료 2020.12.09
  8. Byungsoo Kim
    감사합니다. 2020.09.29
  9. 이준호
    앞서 설명을 들었을 때, Dom의 상위 객체에는 Window 객체도 있는 것으로 알고 있습니다. 여기서 궁금한 점은, Node 객체와 Window 객체와의 관계는 어떻게 되는지 궁금합니다. 내용을 아시는 분 있나요?
  10. anne
    완료
  11. 정승옥
    완료
  12. 한강
    Document 객체 잘 배웠습니다~!!!
    200707
  13. Gritter
    감사합니다. 머리속에 그림이 그려진다!
  14. ㅎㅅㅁ
    200211
  15. 굼벵이
    완료
  16. 모든일이일사천리
    Done ; 19/11/24 7PM
  17. jess
    감사합니다!!!
  18. 김수
    20180901 감사합니다
  19. 김수
    20180901 감사합니다...ㅠㅠ
  20. 생선과고양이
    20180427 감사합니다
  21. 박인호
    12-30
    수강완료.
    document 객체는 문서자체를 의미하는 객체
  22. 이댕댕
    감사합니다. 잘보고있어요
  23. orez
    감사합니다! 잘 보고 있습니다.
  24. crable
    감사합니다
  25. Byeong Heon Lee
    정말 감사합니다~
  26. 망고
    var a = document.childNodes;
    for(var i in a){
    console.log(i);
    console.log(a[i]);
    }
    이렇게 해서 보면 어떨까 했는데 편하네요.
  27. codeX
    감사합니다.
  28. hyuna
    늘 감사해요
  29. DOM DOM DOM!!!
  30. tachyon
    감사합니다
  31. JustStudy
    2016.07.08 금
    고맙습니다 3.
  32. JustStudy
    2016.007.30금
    고맙습니다 2.
  33. 온달장군
    강좌 잘보고 갑니다. 감사합니다.
  34. 이주환
    2016. 04. 27
    잘보고 갑니다~!
  35. JustStudy
    고맙습니다
  36. egoingBack
    조쿠요!
  37. 초보웹 개발자
    egoing님 수고 많으셨습니다...
  38. WayneKing
    파이팅!!!!
  39. 코딩!
    DOM
  40. flack3r
    Document vs document
    Document 객체는 Node 객체의 자식클래스이고 document객체는 모든 노드들을 소유하는 루트노드에 해당하는걸로 보입니다.
    http://zetawiki.com......%B4
  41. will
    Document 객체와Element는 상속관계가아닌데

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

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

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

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