Notice
Recent Posts
Recent Comments
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- input
- Flex
- event
- async
- ios
- Push
- 배열
- 이벤트 위임
- ES6
- ajax
- 클로저
- slice
- 이벤트 루프
- 이벤트
- object
- 모듈
- dom
- 비동기
- json
- Promise
- 고차함수
- 문자열
- 애니메이션
- video
- 스크롤
- IntersectionObserver
- This
- animation
- scroll
- array
Archives
- Today
- Total
FEDev Story
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
'Javascript > DOM' 카테고리의 다른 글
Text 객체 - 값 API (0) | 2017.02.13 |
---|---|
Text 객체 (0) | 2017.02.13 |
Node 객체 - 문자열로 노드 제어 (0) | 2017.02.12 |
Node 객체 - 노드 변경 API (0) | 2017.02.12 |
Node 객체 - 노드 종류 API (0) | 2017.02.11 |
Comments