Introdução ao JavaScript

Este capítulo oferece parte dos exemplos para mostrar as capacidades do JavaScript.

JavaScript pode alterar o conteúdo do HTML

getElementById() é uma das várias métodos JavaScript HTML.

Este exemplo usa este método para "encontrar" o elemento HTML com id="demo", e exibir o conteúdo do elemento (innerHTMLMude para "Hello JavaScript":

Exemplo

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

Experimente Você Mesmo

Dica:JavaScript aceita tanto as aspas duplas quanto as aspas simples:

Exemplo

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

Experimente Você Mesmo

JavaScript pode alterar as propriedades do HTML

Este exemplo muda <img> do elemento src Atributo (source) para mudar uma imagem HTML:

Lâmpada


Experimente Você Mesmo

JavaScript pode mudar o estilo (CSS) de um elemento HTML

Mudar o estilo de um elemento HTML é uma variação de mudar uma propriedade HTML:

Exemplo

document.getElementById("demo").style.fontSize = "25px";

Experimente Você Mesmo

JavaScript pode ocultar elementos HTML

Pode ser alterado display Estilo para ocultar elemento HTML:

Exemplo

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

Experimente Você Mesmo

JavaScript pode exibir elementos HTML

Pode ser alterado display Estilo para exibir elemento HTML oculto:

Exemplo

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

Experimente Você Mesmo

Leitura Complementar

Tutorial Avançado de JavaScript： História do JavaScript , Implementação JavaScript