DOM

DOM significa Document Object Model e representa a página da web. Isso permite que os programas manipulem a estrutura, o estilo e o conteúdo do documento.

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

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

BOM

BOM significa Modelo de Objeto do Navegador e representa a janela do navegador. Isso permite que os programas acessem as funcionalidades do navegador. BOM é como um grande contêiner que contém DOM e todas as outras coisas de javascript.

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

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