JavaScript / JavaScript Deep Dive 스터디 3주차

---

---

DOM

1.DOM의 개념

DOM = Document Object Model

HTML 문서의 계층적 구조와 정보를 표현하며

이를 제어할 수 있는 API

즉, 프로퍼티와 메서드를 제공하는 트리 자료구조

 

2.DOM의 노드

대표적으로 네 가지 노드가 있음

문서노드 - 전체 document를 일컫음

요소노드 - html에서 태그들을 일컫음

어트리뷰트 노드 - html에서 속성들을 일컫음

텍스트 노드 - 태그사이의 내용에 해당

 

DOM은 HTML 문서의 계층적 구조와 정보를 표현하는 것은 물론

노드 객체의 종류, 즉 노드 타입에 따라 필요한 기능을 프로퍼티와 메서드의 집합인 DOM API로 제공

이 DOM API를 통해 HTML의 구조나 내용 또는 스타일 등을 동적으로 조작

 

3.DOM의 노드 접근

DOM의 노드들은 접근을 해서 사용해야함

아래 api이외에도 다양한 DOM접근 방법들이 있음.

 

4.DOM의 CSS

인라인 스타일, 클래스 스타일, CSS 스타일 등의 방법으로 스타일을 바꿀 수 있음

 

5.DOM과 BOM

DOM은 Document 즉, html파일 js파일 이런것들을 일컫는다면

BOM은 Browser 즉, 그 파일이외에 브라우저에서 행동하는 모델을 일컫음

ex) history, location href, navigator 등이 있음