---
title: HTML Dom
localeTitle: HTML Dom
---
## HTML Dom
Com o HTML DOM, o JavaScript pode acessar e alterar todos os elementos de um documento HTML.
Quando uma página da web é carregado, o navegador cria um **D** ocument **O** bject **M** odelo da página.
O modelo HTML DOM é construído como uma árvore de objetos:
Cada elemento no DOM também é chamado de nó.
```html
My title
My Link
My header
```
O DOM do HTML acima é o seguinte:
![Árvore DOM](https://www.w3schools.com/js/pic_htmltree.gif)
Com o modelo de objeto, o JavaScript obtém todo o poder necessário para criar HTML dinâmico:
* JavaScript pode mudar todos os elementos HTML da página
* JavaScript pode alterar todos os atributos HTML na página
* JavaScript pode mudar todos os estilos CSS na página
* JavaScript pode remover elementos e atributos HTML existentes
* JavaScript pode adicionar novos elementos e atributos HTML
* JavaScript pode reagir a todos os eventos HTML existentes na página
* JavaScript pode criar novos eventos HTML na página
#### Mais Informações:
[W3C - DOM HTML](https://www.w3schools.com/js/js_htmldom.asp)