Como mover objetos com Javascript

O JavaScript oferece a possibilidade de colocar dinamicamente objetos em uma página da Web.

Passo 1

Clique com o botão direito do mouse no arquivo HTML que contém o objeto. Clique em "Abrir com" e, em seguida, clique duas vezes no editor de JavaScript ou HTML que você prefere usar para alterar o código.

Passo 2

Role até o local da tag "script". JavaScript é executado nas tags "script". Se você não tiver uma tag "script", copie e cole o seguinte código no arquivo HTML:

Passo 3

Digite o seguinte código nas tags "script" para mover o objeto:

var object = document.getElementById ("image"); object.left = 200;

O código acima estabelece um objeto de imagem para a variável "objeto". O objeto é então colocado na posição 200 no lado esquerdo da tela do usuário. Por exemplo, se a imagem estiver no pixel 400, o objeto se moverá para a esquerda da tela.