English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Modelo de Objetos de Documento，comumente conhecido comoDOM，é uma parte importante para a interação do site.
Modelo de Objetos de Documentorepresenta o documento HTML exibido em uma janela.
É uma interface que permite que o JavaScript trate o conteúdo, a estrutura e o estilo do site.
Após carregar a página da web, o navegador criará oModelo de Objetos de Documento.
DOM HTMLárvore construída pelo modeloObjetos.
Abaixo está um exemplo que explica o que é o DOM:
<html> <head> <title>Exemplo</title> </head> <h1>Página de exemplo</h1> <p>Esta é uma página de exemplo</p> </html>
A representação DOM do código acima é a seguinte:
O HTML DOM é o padrão do HTMLObjetosModelo eInterface de programação. Ele define:
Os elementos HTML comoObjetos
de todos os elementos HTMLAtributos
Acesso a todos os elementos HTMLMétodos
de todos os elementos HTMLEventos
Por outro lado:O HTML DOM é o padrão para obter, alterar, adicionar ou excluir elementos HTML.
Através do modelo de objeto, o JavaScript obteve todas as funcionalidades necessárias para criar HTML dinâmico:
O JavaScript pode alterar todos os elementos HTML na página
O JavaScript pode alterar todos os atributos HTML na página
O JavaScript pode alterar todos os estilos CSS na página
O JavaScript pode excluir elementos e atributos HTML existentes
O JavaScript pode adicionar novos elementos e atributos HTML
O JavaScript pode reagir a todos os eventos HTML existentes na página
O JavaScript pode criar novos eventos HTML na página
No próximo capítulo deste tutorial, você aprenderá:
Como encontrar elementos HTML
Como alterar o conteúdo do elemento HTML
Como adicionar e remover elementos HTML
Como alterar o estilo do elemento HTML (CSS)
Como adicionar e remover atributos HTML
Como navegar na árvore DOM