power-girl0-0

Document 객체 본문

언어/Javascript

Document 객체

power-girl0-0 2021. 2. 10. 06:02
728x90

 

 

생활코딩 웹브라우저 javascript를 참고하여 공부하였습니다.

스스로 공부한 것을 정리하고 복습하기 위한 목적으로 작성하였습니다.

( 출처 :  https://opentutorials.org/course/743inf.run/pBzy)

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>

실행 결과는 아래와 같이 출력된다.

웹 페이지에서 가장 최상위라고 할 수 있는 것인 <!DOCTYPE html>과 <html></html> 코드가 있는 것을 확인할 수 있다.

이것을 갖고 있는 객체는 document객체이므로, 문서 전체를 대표하는 객체라고 할 수 있다.

주요 API

 노드 생성 API 

document  객체의 주요 임무는 새로운 노드를 생성해주는 역할이다.

  • createElement()

  • createTextNode()

 문서 정보 API 

  • title

  • URL

  • referrer

  • lastModified

 

 

 

728x90
저작자표시

'언어 > Javascript' 카테고리의 다른 글

문서의 기하학적 특성  (0) 2021.02.10
Text 객체  (0) 2021.02.10
[ Node ] 문자열로 노드 제어  (0) 2021.02.10
[ Node ] jQuery 노드 변경 API  (0) 2021.02.10
[ Node ] 노드 변경 API  (0) 2021.02.10
'언어/Javascript' Related Articles more
Comments