2020.09.04 DOM API

우선 DOM이란 뭘까?

 

DOM

 

웹브라우저에서 HTML 문서를 해석하게되는데 해석하여 나온것을 돔이라고 부른다.

HTML 문서를 해석할때 각각의 객체들이 나오게 되는데 이 객체들의 상,하위 관계를 따지게되면

하향식으로 된 트리 모양이 나오는데 이것을 DOM 트리라고 부른다.

 

DOM API

 

이러한 DOM 객체 하나하나를 보면 Element, Event, Document, Node 등이 있다.

 

document API

document.getElementById('ID')

document.querySeletor('ID')

.

.

.

 

 

 

Node API

 

Node.childNodes

Node.lastChild

.

.

.

 

 

 

Element API

 

Element.attributes

Element.classList

Element.className

.

.

.

 

 

 

Event API

 

DragEvent

MouseEvent

.

.

.

 

 

각각의 API들에 사용가능한 메소들들도 여럿있어서 API와 메소드를 활용하여

문서에 접근하고 추가 수정 삭제 등 다양한 기능을 줄수있다.

DOM을 알면 알수록 문서에 접근하는 방법이 쉬워지기 때문이다.