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
- event
- ios
- 애니메이션
- animation
- 객체
- Promise
- Push
- map
- 이벤트 루프
- Flex
- ES6
- This
- dom
- array
- 배열
- 이벤트
- input
- slice
- 문자열
- 이벤트 위임
- object
- IntersectionObserver
- json
- video
- 비동기
- 모듈
- scroll
- ajax
- 스크롤
- 클로저
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