DOM
É a sigla de "Document Object Model".
O DOM é uma interface de programação para acessar e modificar o conteúdo de páginas da web e documentos XML. Ele define a estrutura lógica de um documento, tratando-o como uma árvore em que cada nó de ramificação representa elementos individuais. Programas e scripts podem acessar o DOM para ler e modificar a estrutura, o conteúdo e o estilo do documento.
O DOM organiza a estrutura de arquivos HTML e XML em uma hierarquia de objetos chamados "nós". Na raiz está o nó Document, que representa o documento inteiro. Em seguida vêm os nós Element, que representam tags HTML ou XML individuais. Os nós Element também são hierárquicos, pois ficam aninhados uns nos outros. Por exemplo, o nó <html> é o mais próximo da raiz do documento e contém os nós <head> e <body>, e cada um deles contém nós filhos, como os elementos <div> e <p>.
Cada nó de elemento no DOM inclui vários nós Attribute que modificam suas propriedades. Por exemplo, um nó de elemento <img> pode incluir nós de atributo para src, alt, width e height, permitindo que algum código em JavaScript modifique qualquer um desses atributos. Por fim, os nós Text contêm o texto dentro de cada elemento, formando o conteúdo do documento. Os nós Text são as folhas da árvore e não têm outros níveis depois deles.
Usar JavaScript (ou outras linguagens de script) para acessar o DOM de uma página permite criar páginas da web dinâmicas e interativas. Por exemplo, manipuladores de eventos anexados aos nós podem esperar por interações do usuário, como cliques do mouse ou entrada do teclado, e então modificar o conteúdo da página em resposta. Os eventos JavaScript podem usar o DOM para remover nós existentes e adicionar novos. Os scripts podem buscar dados de um banco de dados em um servidor e usar o DOM para inserir esses dados em elementos de texto específicos. Os scripts também podem usar o DOM para modificar as propriedades CSS dos elementos e alterar a aparência e o layout do documento.
Teste seus conhecimentos