Comment déplacer des objets avec Javascript

JavaScript vous offre la possibilité de placer dynamiquement des objets dans une page Web.

Étape 1

Faites un clic droit sur le fichier HTML contenant l'objet. Cliquez sur "Ouvrir avec" puis double-cliquez sur l'éditeur JavaScript ou HTML que vous préférez utiliser pour modifier le code.

Étape 2

Faites défiler jusqu'à l'emplacement de la balise "script". JavaScript est exécuté dans les balises "script". Si vous n'avez pas de balise "script", copiez et collez le code suivant dans le fichier HTML:

Étape 3

Entrez le code suivant dans les balises "script" pour déplacer l'objet:

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

Le code ci-dessus établit un objet image pour la variable "objet". L'objet est ensuite placé en position 200 sur le côté gauche de l'écran de l'utilisateur. Par exemple, si l'image est en pixel 400, l'objet sera déplacé vers la gauche de l'écran.