[daily study] Document 객체

*본 글은 생활코딩 강의를 듣고 복습을 위해 작성되었습니다.

1. document 객체

출처 : https://opentutorials.org/course/1375/6740

👉 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>

👉 console창에 document를 조회한 값과 window.document를 조회한 값이 같다. 따라서 document은 window객체의 소속이라고 할 수 있다.

👉 document 객체의 자식으로는 Doctype과 html이 있다. 이는 console창에 console.log(window.document.childNodes[0]);과 console.log(window.document.childNodes[1]);을 조회하면 !DOCTYPE html과 html태그가 잡히는 것을 알 수 있다.

2. 노드 생성 API

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

• createElement()

• createTextNode()

3. 문서 정보 API

• title

• URL

• referrer

• lastMondified

*본 글은 생활코딩 Document객체 페이지에서 이론적인 내용을 가져왔음을 밝힙니다.

출처 : https://opentutorials.org/course/1375/6740