A linguagem JavaScript permite que desenvolvedores de sites para inspecionar e modificar a estrutura oculta de uma página da Web . JavaScript tem métodos para acessar o Document Object Model ou DOM - interface de programação de aplicativo do Hypertext Markup Language. O método JavaScript getElementById () permite que o programador inspecionar , alterar e adicionar tags HTML e informações de estilo . A maioria das propriedades das folhas de estilo e atributos podem ser modificados , incluindo fundos , fontes, bordas , larguras e posicionamento . As tags HTML devem ser rotulados com um ID de modo que o método getElementById () pode encontrar e acessá-los. Coisas que você precisa
editor de texto simples
Show Mais instruções
1

Inicie o padrão , de texto simples aplicativo editor de texto em seu computador.
< Br > 2

Digite o seguinte código no editor de texto :

< tipo style = "text /css" > <-

# outer {

background-color: amarelo;

}

# interior language = "javascript " >

função changeDiv () {

document.getElementById ( " interior" ) style.width = " 400px "; .

document.getElementById . ( " interior" ) style.height = " 400px "; .

document.getElementById ( " interior" ) style.fontSize = " 62px ";

document.getElementById ( " interior" ). style.textAlign = "center ";

document.getElementById ( " interior" ) style.backgroundColor = "# FFB3B3 "; . .

document.getElementById ( " interior" ) estilo . color = "black ";

document.getElementById ( " interior" ) innerHTML = " JavaScript pode mudar muitas propriedades de uma Div "; .

}

< /script >

3

Clique em " Arquivo", " Salvar". Salve o arquivo com nome " test.html ".
4

Inicie o seu navegador. Clique em " Arquivo", " Abrir arquivo ".
5

Localize o arquivo " test.html " que você criou. Clique em " Abrir".
6

Clique no texto dentro do fundo azul com o mouse para mudar as margens da caixa .