Manipulation des méthodes d'accès aux éléments

Introduction

L'exemple du cours vous a montré comment utiliser les méthodes getElementById, getElementsByName et getElementsByTagName, ainsi que leurs limitations.

Dans l'exercice suivant, vous allez apprendre à les utiliser, ainsi qu'une autre méthode.

Exercice : méthodes getElementById, getElementsByName et getElementsByTagName.

  1. Télécharger la page HTML vide dans laquelle vous aurez à insérer votre code JavaScript. Notez en passant l'utilisation des attributs title pour informer sur les éléments de titre et paragraphe (pour les tester, laisser la souris au-dessus de l'élément).
  2. Créer une fonction modif_paragraphe, appelée en cliquant sur le titre. Cette fonction sélectionne le paragraphe en utilisant son identifiant, puis le modifie avec la propriété innerHTML, en remplaçant le mot original en caractères droit par le mot corrigé, en italique.
  3. Créer une fonction centrage_h1, appelée en cliquant sur le paragraphe. Cette fonction détecte d'abord les éléments portant le nom de balise h1. Elle sélectionne ensuite le premier d'entre eux (ça tombe bien, il n'y en a qu'un seul sur la page !), et modifie son attribut align, en lui affectant la valeur "center", à l'aide de la méthode setAttribute… dont vous testerez le fonctionnement.

Retour au cours