$$config title: [AJAX] DOM 문서 keywords: - Document Object Model - 문서 객체 모델 $$ # DOM 문서 - Document Object Model 약자, 문서 객체 모델 - HTML, XML, JSON 등의 문서에 접근하기 위한 인터페이스 - 문서 내의 모든 요소의 목적과 특징을 정의하고 각각 요소에 접근하는 방법을 제공 - **AJAX는 DOM문서를 통해 웹 페이지의 일부분만 갱신 가능(DOM문서로 갱신하고자 하는 일부분에 여러가지 DOM요소를 선택한 후 정의하여 표현되게 함)** ## DOM요소의 선택 방법 (예제 참고) - 자바 스크립트로 DOM요소를 다루기 위해서는 해당 DOM요소를 선택해야함 1. 태그 이름(tag name)을 이용한 선택 2. 아이디(id)를 이용한 선택 3. 클래스(class)를 이용한 선택 4. CSS 선택자(selector)를 이용한 선택 5. HTML 객체 집합(object collection)을 이용한 선택 > 간편한 방법인 1, 2번 방법의 예제만 작성 ### 1. 태그 이름(tag name)을 이용한 선택 예제 ~~~html JavaScript DOM Element

HTML 태그 이름을 이용한 선택

첫 번째 아이템이에요!
두 번째 아이템이에요!
세 번째 아이템이에요!
네 번째 아이템이에요!
다섯 번째 아이템이에요!

~~~ --- ![image](https://github.com/miruy/baekjoon/blob/master/DOM%EC%9A%94%EC%86%8C1.png?raw=true) --- ### 2. 아이디(id)를 이용한 선택 예제 ~~~html JavaScript DOM Element

아이디를 이용한 선택

첫 번째 아이템이에요!
두 번째 아이템이에요!
세 번째 아이템이에요!
네 번째 아이템이에요!
다섯 번째 아이템이에요!

~~~ --- ![image](https://github.com/miruy/baekjoon/blob/master/DOM%EC%9A%94%EC%86%8C2.png?raw=true) --- 참고 사이트 : TCPschool.com