DOM

DOM은 Document Object Model을 의미하며 웹페이지를 나타냅니다. 이를 통해 프로그램은 문서 구조, 스타일 및 내용을 조작할 수 있습니다.

const listDiv = document.getElementById("list-div");

listDiv.classList.add('new-class');
listDiv.classList.remove('new-class');

BOM

BOM은 브라우저 개체 모델을 나타내며 브라우저 창을 나타냅니다. 이를 통해 프로그램은 브라우저 기능에 액세스할 수 있습니다. BOM은 DOM과 기타 모든 자바스크립트 항목을 포함하는 큰 컨테이너와 같습니다.

// DOM is part of BOM.
window.document.getElementById("list-div");

window.innerHeight
window.location.href
window.alert("some-text");