[Web] 15. DOM

• DOM

  브라우저는 HTML 코드를 DOM(Document Object Model)이라는 객체 형태의 모델로 저장한다. 브라우저는 댓글이 써지고 지워지고 하는 등 여러가지 변화가 생기는데 변화되는 정보를 쉽게 관리하기 위해서 DOM 이라는 개념이 필요하다. 브라우저에서 정보는 Tree 형태로 저장되며 DOM Tree라고 한다. 

  복잡한 DOM Tree를 쉽게 탐색하기 위하여 DOM API가 제공된다. 여러가지 메서드가 있다.

• document.getElementById() : element의 id 값으로 DOM 객체를 탐색할 수 있다. 

예 ) document.getElementById("nav-cart-count").style.display="none";

• Element.querySelector(): css selector문법을 활용해 DOM에 접근할 수 있다. 비슷한 다른 메서드로 quarySelectorAll()이 있다. 결과가 lnode list로 검색하는 엘리먼트를 가진 모든 DOM이 출력된다.