Google Adsense

segunda-feira, 21 de maio de 2007

getElementById faz tudo!!!

Para os iniciantes em HTML e JavaScript, nada melhor que saber a importancia e utilidade da função getElementById, diria que é uma das principais armas para manipulação de objetos.

Um exemplo simples:
A partir de uma estrutura básica HTML:
Passo 1:
Criar uma div dando um ID, no exemplo abaixo: minhaDiv

Passo 2:
Criar uma função em javascript que tenha o seguinte código:
document.getElementById("minhaDiv").innerHTML = "O conteúdo que quiser";

Passo 3:
Criar um botão que chame a funlção criada no evento onClick.

EXEMPLO:
<>
<>
<>TITULO< /title>
< !-- Criando a função -->
< type="text/javascript">
function divContent(){
document.getElementById("minhaDiv").innerHTML = "Meu novo conteúdo!";
}
< /script>

< /head>

<>
< id="minhaDiv">< /div>

< type="button" value="Clique" onclick="divContent()">
< /body>

< /html>