~/questoes/programacao
A DOM (Document Object Model) é a representação em árvore de todos os elementos HTML de uma página. JavaScript consegue acessar e modificar esses elementos em tempo real, sem precisar recarregar a página, utilizando métodos específicos para localizar elementos e alterar suas propriedades.
JavaScript oferece métodos nativos como getElementById, querySelector e similares que permitem localizar elementos específicos da DOM e modificá-los dinamicamente. Esses métodos fazem parte da API do navegador e funcionam sem necessidade de bibliotecas externas ou recarregamento da página.
Requisições HTTP são usadas para comunicação com o servidor, não para manipular elementos da página. A manipulação da DOM acontece localmente no navegador, de forma síncrona e imediata.
Bibliotecas externas como jQuery ou frameworks modernos facilitam a manipulação da DOM, mas não são obrigatórias. JavaScript puro oferece métodos nativos e suficientes para qualquer manipulação de elementos.
Editar manualmente o arquivo HTML e recarregar é uma abordagem estática e impraticável. A interatividade real acontece quando JavaScript modifica a DOM em tempo de execução, respondendo às ações do usuário.
Métodos como getElementById, querySelector, querySelectorAll e similares são as ferramentas nativas do JavaScript para localizar elementos. Uma vez localizados, podemos modificar suas propriedades como innerHTML, classList, style, atributos e muito mais.