JavaScript dá aos programadores as ferramentas para modificar a estrutura invisível de uma página Web conhecido como o Document Object Model (DOM). O DOM é a interface de programação de aplicativos de HyperText Markup Language (HTML). O método JavaScript getElementById () pode acessar a página da divisão tag " div " para adicionar ou modificar as informações de estilo HTML , como fundos , fontes, bordas , larguras e de posicionamento. Além disso, a propriedade innerHTML pode alterar o conteúdo entre os tags. Tags HTML devem ser rotulados com um ID antes 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 aplicativo editor de texto simples padrão que está disponível em seu computador.

2

Digite o seguinte código no editor de texto :

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

# interior language = "javascript " >

função changeDiv () {

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

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

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

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

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

document.getElementById ( " interior" ) estilo . border = " 4px pontilhada vermelha ";

document.getElementById ( " interior" ) style.color = " preto "; . .

document.getElementById ( " interior" ) innerHTML = " JavaScript pode inserir estilo e conteúdo elementos em uma Div ";

document.getElementById ( " mybutton " ) . value =" e funciona ";

}

< ;/script>

;

3

Clique no menu Arquivo. Selecione a opção "Salvar" . Salve o arquivo com nome " test.html ".
4

Inicie o navegador da web que está disponível em seu computador. Clique no botão " Arquivo" item de menu e selecione " Abrir arquivo ".
5

Localize o arquivo " test.html " você acabou de criar , selecione-o com o mouse , em seguida, clique em " Abrir".

6

Clique no botão " Clique nesse botão para inserir novas informações para o vermelho Div Acima . "