Interação com esta div alterando estilos no js.

O que é DOM?

DOM é um acrônimo para Document Objetct Model, um conjunto de objetos dentro do seu navegador que dá acesso aos componentes internos do seu website.

Ele não funciona no node.js, por exemplo, ele está presente quando o Javascript é rodado dentro do navegador

Exemplo de Árvore DOM

Selecionando e navegando nos elementos com o DOM

Você pode navegar dentro da árvore e atribuir alterações de toda sorte nos elementos utilizando os comandos getElement de acordo com a escolha desejada, mas vale ressaltar que a maneira mais nova é o comando querySelector que pode não funcionar em todos os navegadores. Lembre-se que todas as maneiras são igualmente importantes.