HTML과 CSS로 UI 설계하는 것에 이어서 DOM을 배웠다. DOM은 'Document Object Model'로 JavaScript를 이용해서 엘리먼트의 속성값을 얻어내거나 변경하는 방법이다. HTML 문서의 구조와 관계를 객체로 표현한 모델로 트리구조이며 document라는 전역변수로 접근이 가능하다.
엘리먼트를 객체의 형태로 볼 수 있는 방법은 console.dir
엘리먼트에는 무엇이 있는가?
id, tagName, className(텍스트 형태로 나옴), classList(배열 처럼 쓸 수 있음), contains (내장메소드), innerHTML, textContent 의 차이, , element 와 node차이 , 이벤트 , 엘리먼트 선택하는 방법
DOM 조작하는 방법 - innerHTML, textContent , method(createElement, appendChild), templete tag
Dom 익숙해지려면 많은 시간과 노력이 필요하겠다...
Twittler 과제 Dom 구현해보기