23b331be5f
* Update index.md Correções de tradução. * Update index.md Putting "HTML Dom" back (Without uppercases)
1.2 KiB
1.2 KiB
title, localeTitle
| title | localeTitle |
|---|---|
| HTML Dom | 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>
<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:
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