guide/portuguese/javascript/html-dom/index.md

---
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 web é carregada, é disponibilizado para o navegador o **DOM** -  um objeto javascript chamado `document`, contendo os elementos na página como uma árvore de objetos:

Cada elemento no DOM é chamado de nó.

```html

<html> 
 <head> 
  <title> My title </title> 
 </head> 
 <body> 
  <a href="#">My Link</a> 
  <h1> My header </h1> 
 </body> 
 </html> 
```

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)
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
			`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.`

Correção de tradução e acréscimo de detalhes técnicos; (#22589) * Update index.md Correções de tradução. * Update index.md Putting "HTML Dom" back (Without uppercases) 2019-08-13 16:03:35 -03:00			Quando uma página web é carregada, é disponibilizado para o navegador o DOM - um objeto javascript chamado `document`, contendo os elementos na página como uma árvore de objetos:
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
Correção de tradução e acréscimo de detalhes técnicos; (#22589) * Update index.md Correções de tradução. * Update index.md Putting "HTML Dom" back (Without uppercases) 2019-08-13 16:03:35 -03:00			`Cada elemento no DOM é chamado de nó.`
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
			```html

			`<html>`
			`<head>`
			`<title> My title </title>`
			`</head>`
			`<body>`
			`<a href="#">My Link</a>`
			`<h1> My header </h1>`
			`</body>`
			`</html>`
			```

			`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:`

Correção de tradução e acréscimo de detalhes técnicos; (#22589) * Update index.md Correções de tradução. * Update index.md Putting "HTML Dom" back (Without uppercases) 2019-08-13 16:03:35 -03:00			`[W3C - DOM HTML](https://www.w3schools.com/js/js_htmldom.asp)`