DOM 기초

DOM: Document Object Model

https://wit.nts-corp.com/2019/02/14/5522

 

간략하게 설명하자면, JS가 HTML의 모든 elements를 가져와서 이를 object로 바꾸어준 것이다.

 

몇 가지를 알 수 있는 간략한 코드...

console.log(document) // document는 전체 HTML

document.title = "New Title!";

const title1 = document.getElementById("title");
const title2 = document.querySelector("#title");
title.innerHTML = "Hi, from JS!";
title.style.color = "red";

// console.dir(title);
// console.dir(document);