JavaScript Introdução

---

Esta página possui alguns exemplos do que o JavaScript pode fazer.

O JavaScript pode mudar o conteúdo do elemento HTML
Um dos tantos métodos do HTML JavaScript é o getElementById().
Neste exemplo usamos o método para "encontrar" um elemento HTML (com id = "demo") para mudar o seu contéudo (innerHTML) para "Hello JavaScript":

Exemplo

document.getElementById("demo").innerHTML = "Hello JavaScript";

Try it Yourself »

JavaScript aceita tanto as duplas quanto aspas simples:

Example

document.getElementById('demo').innerHTML = 'Hello JavaScript';

Try it Yourself »

O JavaScript pode mudar valores dos atributos HTML
Neste exemplo, o JavaScript muda o valor do atributo src (source) de uma tag <img>:

O interruptor de luz

  

Try it Yourself »

O JavaScript pode mudar Estilos em HTML (CSS)
Mudando o estilo de um elemento HTML, é uma alternativa da mudança de atributos HTML:

Exemplo

document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';

Try it Yourself »

O JavaScript pode esconder elementos HTML
Você pode esconder elementos HTML apenas mudando seu display style:

Exemplo

document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';

Try it Yourself »

O JavaScript pode mostrar elementos HTML
Mostrando um elemento HTML antes escondido. Isso pode ser feito através da mudança de seu display style:

Example

document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block';

Try it Yourself »