Divs são recipientes que armazenam o conteúdo em código HTML de uma página web. Web designers , muitas vezes adicionar códigos de estilo para cada código de div , como a atribuição de um determinado tipo de letra , cor da fonte e cor de fundo para o recipiente , para distinguir os seus conteúdos de outras seções da página. JavaScript funções permitem um web designer para alterar os estilos de que div com base em uma ação do usuário , como clicar em um link. A página não recarregar, mas a aparência do div muda em uma transformação contínua. Instruções
1
Criar um div com algum texto de exemplo entre a abertura da sua página e marcas de fechamento do corpo,
e , respectivamente , e dar o seu div o ID de "amostra" e classe de " oldDiv " :
Alguns cabeçalho aqui
texto de exemplo
aqui.
2
Adicione um link que aciona uma função JavaScript chamada " changeDivCode " que vai mudar a sua código de estilo em sua div :
href="#" onclick="changeDivCode()"> alterar o código do div
3
Crie a função JavaScript " changeDivCode " entre as tags de cabeça,
e , que vai mudar a classe na div de " oldDiv " para " newDiv " :