DOM 정의 및 활용

브라우저에서는 HTML코드를 DOM(Document Object Model)이라는 객체 형태의 모델로 저장한다

따라서 DOM은 문서 객체 모델이다

 

그렇게 저장된 정보는 DOM Tree 라고 함.

따라서 HTML element는 Tree형태로 저장된다.

 

getElementById()

ID정보를 통해 찾을 수 있다.

 

document.getElementById("id");

document.getElementById("id").id;

document.getElementById("id").className;

document.getElementById("id").style.display = "none";

document.getElementById("id").innerText = "있어";

 

document.querySelector("div"); //첫번째 div를 찾아줌, 단 그냥 쓰면 태그로 검색, #붙이면 id

document.querySelector("body .nav-line-2"); //body 아래 nav-line-2

document.querySelector(".nav-line-2 > .nav-arrow"); //body 바로 아래 nav-arrow

 

querySelectorAll은 list 형태로 모든걸 다찾음