Exemplo do HTML DOM

<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.bgColor="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>

</html>

Documentar objetos

O HTML DOM define originais do HTML como uma coleção do objeto.

O objeto do original é o pai de todos os outros objetos em originais do HTML.

O objeto de document.body representa o elemento do <body> dos originais do HTML.

O objeto do original é o pai do objeto do corpo, e o objeto do corpo é uma criança dos objetos do original

Propriedades do objeto

Os objetos do original do HTML podem ter as propriedades (chamadas como atributos).

A propriedade de document.body.bgColor define a cor do fundo do objeto do corpo.

A indicação document.body.bgColor= " amarelo " no exemplo acima, ajustou a cor do fundo do original do HTML para yellow.

Eventos do objeto

Os objetos do original do HTML podem também responder aos eventos.

O atributo ChangeColor do onclick= de " () “do elemento do <body> no exemplo acima, define uma ação para ocorrer quando o usuário estala sobre o original.

Funções

A função de ChangeColor () no exemplo acima, é uma função do Javascript.

A função estará provocada (começado) quando o usuário estala sobre o original do HTML

Estilo em mudança

O HTML DOM define também um modelo para mudar os estilos dos objetos do HTML.

O exemplo do coding abaixo das mostras como obter o mesmo efeito que o primeiro exemplo, mudando o estilo do corpo objeta:

<html>

<head>
<script type="text/javascript">
function ChangeColor()
{
document.body.style.background="yellow"
}
</script>
</head>

<body onclick="ChangeColor()">
Click on this document!
</body>

</html>