JavaScript é uma linguagem de script do lado do cliente , que pode ser usado para alterar dinamicamente quase todos os aspectos de uma página web, incluindo os estilos que são definidas e implementadas com folhas de estilo em cascata (CSS) . JavaScript permite aos programadores criar funções que são executadas quando um usuário interage com a interface do usuário , por exemplo, clicando em botões ou hiperlinks. Estas funções podem , posteriormente, alterar algum aspecto da interface do usuário , por exemplo, mudando a cor de um " " tag HTML fundo . Coisas que você precisa
Editor de Texto
browser com JavaScript habilitado
Show Mais instruções
1

Abra um editor de texto e criar um novo arquivo chamado changeBackground.html . Adicionar algumas tags HTML para o arquivo que incluem uma marca aberta " " , um " " tag aberta, um fechamento " " tag, um " " tag aberta, um fechamento " " tag, e um fechamento " " tag. Essas marcas incluem uma página de HTML básico Página 2

Editar changeBackground.html e adicionar uma tag " " tag para fechar o estilo.

< Tipo style = " text /css ' >

table {

width: 200px ;
altura

:
3

Adicionar " " para fechar o script.

href="javascript:void(0)" onclick="changeTable('green');"> Mude a cor da tabela para verde.

6

Adicione um segundo link ( " " ) tag . Definir o valor href da tag para "javascript: void (0) " para retornar nulo quando o link é clicado. Adicionar um onclick () evento para o link que chama a função CHANGETABLE (cor) e passa o valor 'amarelo' . Dê o link o valor de texto " Mude a cor da tabela para amarelo. " Insira um próximo " " tag.

href="javascript:void(0)" onclick="changeTable('green');"> Mude a cor da tabela para verde.

href="javascript:void(0)" onclick="changeTable('yellow');"> Mude a cor da tabela para amarelo.

;

7

Adicione um tag "

" após as tags de links. Dê a tag " " um id " PageTable " . Adicionar " " tag aberta e um " marca e fechar o " " tag. Feche o " tag

" tag aberta. Feche o "

"e salvar e fechar changeBackground.html .

< tipo script = 'text /javascript ' >

função CHANGETABLE (cor)

{

document.getElementById (' PageTable ') style.backgroundColor = cor ; .

}

Alterar a cor da tabela para verde < /a>

Alterar a cor da tabela para amarelo; ') .
8

Abrir changeBackground.html em um navegador web. Uma 200px azul por 200px tabela será exibido na página . Clique no botão " Alterar a cor da tabela para verde. " link e verificar se alterações de fundo da tabela para verde. Clique no botão " Alterar a cor da tabela para amarelo. " link e verificar se o fundo da mesa muda para amarelo.