DHTML DOM (Document Object Model)

DOM (Document Object Model) nos permite acessar cada elemento de um documento.

Exemplo

Notas:A maioria dos exemplos DHTML requer IE 4.0+、Netscape 7+ ou Opera 7+!

Acesso ao Elemento
Como acessar um elemento e alterar seu estilo.
Alteração de Atributos
Como acessar um elemento de imagem e modificar a propriedade "src".
innerHTML
Como acessar e modificar o conteúdo de um elemento.

Como acessar um elemento?

Os elementos devem ter um atributo id definido e precisam de um linguagem de script. JavaScript é a linguagem de script mais compatível com navegadores, então usamos JavaScript.

<html>
<body>
<h1 id="header">Meu cabeçalho</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>

Este script pode mudar a cor do elemento de cabeçalho e gerar a saída.

Meu cabeçalho