Uma introdução ao DOM

• Pode 18, 2024

DOM é um acrônimo para Document Object Model. É uma maneira de ver o HTML que possibilita aos desenvolvedores de sites criar funções e manipular o código de maneiras que, de outra forma, seriam impossíveis.

Existem três tipos básicos de DOM; o DOM principal, que pode ser usado para definir qualquer documento, independentemente do tipo; o DOM XML, que é usado com documentos XML, e o DOM HTML. Esse último tipo é o mais importante e útil para desenvolvedores de HTML, então esse é o DOM que este artigo explorará.

O DOM HTML divide uma página HTML em nós. Esses nós estão todos conectados entre si, com os nós filhos descendentes dos nós pais e do nó raiz na parte superior, em um layout semelhante a uma árvore. O que torna o DOM tão importante e útil para os desenvolvedores de HTML é que essa definição diferencia cada parte da página e a localiza em relação a todas as outras partes, para facilitar o design de código que se refere a essa seção específica e afeta apenas essa parte . Isso torna o DOM HTML essencial para a programação Javascript, por exemplo, pois fornece uma maneira para um programa Javascript usar diretamente elementos HTML. Sem o DOM, é impossível para um programa Javascript acessar dinamicamente o conteúdo de uma página da web. Como exemplo, usando os métodos DOM, você pode escrever um programa que altera o texto dentro de um elemento HTML específico se ocorrer um evento específico (por exemplo, um visitante clica em um botão na página).

Como você já sabe, uma página HTML é composta por diferentes elementos como este:



Página HTML de exemplo

Este é um exemplo de uma página HTML básica.

Com o DOM, cada elemento (tudo entre um conjunto de tags, como) é um nó. O nó é chamado nó raiz e é o mais básico; possui dois nós filhos, o nó e o nó. No exemplo acima, o nó é filho do nó e o nó

nó é o filho do nó.

Um desenvolvedor da web pode usar e alterar o DOM usando determinados comandos. Esses comandos são divididos em propriedades (que descrevem uma parte da página HTML) e métodos (que fazem algo com essa parte da página).

Para detalhes sobre como usar o DOM HTML, consulte o próximo artigo, "Trabalhando com o DOM", que será publicado na próxima semana.

Instruções De Vídeo: Introdução ao DOM - Curso JavaScript #09 (Pode 2024).