DOM 문서 객체 모델 돔트리

DOM 문서 객체 모델 

DOM은 HTML 문서의 요소를 제어하기 위해서 처음 지원되었는데 

문서의 내용, 구조, 스타일에 접근하거나 변경하는 수단입니다.

웹 브라우저 사이에 DOM 구현이 호환되지 않음에 따라서, 

W3C에서 DOM 표준 규걱을 작성하게 되었습니다.

DOM은 문서(Document), 객체(Object), 모델(Model)의 약자로 문서는 HTML의 전체를 의미합니다.

객체는 Javascript가 HTML의 구성요소들을  독립된 것으로 인식하는것을 의미하구요.

Javascript 가 문서를 해석 하는 것을 모델이라고 합니다.

이처럼 프로그램이나 스크립트가 효율적으로 문서의 내용과 구조 모양등을 접근함에있어

갱신, 교체, 삭제하도록 도와줍니다.

DOM Tree 돔트리 출처 - W3schools

위에 이미지를 보면 Element 뿐만 아니라 Attribut, TEXT까지 노드로 표현되어있는데요

DOM 통해서 스크립트가 문서 내의 모든 요소를 동적으로 접근 할 수 있다는 점입니다.

DOM을 사용하면 문서의 요소에 접근해서 속성을 조작할 수 있는데요

새로운 요소나 내용을 만들어 사용자가 필요 할 때에 문서상에 적용이 가능합니다.

Javascript만으로 순수하게 하게 된다면, 긴 스크립트를 작성해야 하는 경우가 많은데요.

이 단점을 해결해주는 jQuery 를 사용합니다.