DOM과 querySelector

1. DOM 트리 구조로 저장 하는 이유
HTML이 변경될 때 관리를 쉽게 하려고


2. DOM에 접근하는 방법
복잡한 DOM Tree를 탐색하기 위해 탐색알고리즘을 구현하기 힘듦
-> 브라우저에선 DOM API를 제공해서 DOM Tree를 찾고 조작하는것 쉽게 해줌

3.getElementById()
document -> HTML 최상위 객체
document.getElementById("nav-cart-count").id;
document.getElementById("nav-cart-count").className;
document.getElementById("nav-cart-count").style.display = "none";

4. querySelector()
CSS Selector
document.querySelector("div");
id로 찾기 : document.querySelector("#nav-cart-count");
class로 찾기 : document.querySelector(".nav-cart-count");
class로 찾기 : document.querySelector("body.nav-cart-count");
다 찾기 : querySelectorAll()



참고 :

http://jeonghwan-kim.github.io/2018/01/25/before-jquery.html

jQuery 보다 먼저 알았으면 좋았을 것들

김정환님 감사합니다!