Introdução ao JavaScript
Esta página contém alguns exemplos do que o JavaScript pode fazer.
JavaScript pode alterar o conteúdo HTML
Um dos muitos métodos HTML JavaScript é getElementById()
.
O exemplo abaixo "encontra" um elemento HTML (com id="demo") e altera o conteúdo do elemento (innerHTML) para "Hello JavaScript":
Exemplo
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript aceita aspas simples e duplas:
Exemplo
document.getElementById('demo').innerHTML = 'Hello JavaScript';
JavaScript pode alterar valores de atributo HTML
Neste exemplo, o JavaScript altera o valor do src
atributo (source) de uma <img>
tag:
A lâmpada
JavaScript pode alterar estilos HTML (CSS)
Alterar o estilo de um elemento HTML é uma variante de alterar um atributo HTML:
Exemplo
document.getElementById("demo").style.fontSize = "35px";
JavaScript pode ocultar elementos HTML
Ocultar elementos HTML pode ser feito alterando o display
estilo:
Exemplo
document.getElementById("demo").style.display = "none";
JavaScript pode mostrar elementos HTML
A exibição de elementos HTML ocultos também pode ser feita alterando o display
estilo:
Exemplo
document.getElementById("demo").style.display = "block";
Você sabia?
JavaScript e Java são linguagens completamente diferentes, tanto em conceito quanto em design.
O JavaScript foi inventado por Brendan Eich em 1995 e tornou-se um padrão ECMA em 1997.
ECMA-262 é o nome oficial do padrão. ECMAScript é o nome oficial da linguagem.
Versões JavaScript »