Saltar para o conteúdo

JavaScript/Modificação dinâmica de páginas

Origem: Wikilivros, livros abertos por um mundo aberto.

Para realizar modificações dinâmicas no documento HTML, temos uma função no JavaScript chamada innerHTML. Com ela, podemos realizar qualquer alteração dos elementos da página(HTML) e também na folha de estilo(CSS). No exemplo abaixo, iremos obter o elemento da página com o identificador "demo" com o método getElementById, e fazer a alteração do texto da tag

.

Olá Mundo

<input value="Alterar" type="button" onclick="getElementById('demo').innerHTML = 'Mudou Para Outra Palavar' " />

Quando você disparar o evento do botão, o texto será mudado para o que atribuímos ao innerHTML. Com isso, você pode mudar qualquer propriedade da página ou se preferir, o estilo.