Sommaire

Apprentissage du modèle DOM

Dans une série d’exemples, voyons comment il est possible depuis JavaScript d’écrire du texte (puis des éléments DOM plus complexes) dans un document HTML via JavaScript.

1. Script "Hello World!"

Dans ce premier script, voyons comment afficher une chaîne de caractères "Hello World!" dans le corps du document HTML en y ajoutant aussi des balises de mise en forme (gras).

Le script n’est pas écrit ci-après dans son intégralité, seule la séquence JavaScript concernée, intégrée dans la section HTML <body> du script, est reproduite :

<!-- Début script JavaScript --> 
<script type="text/JavaScript"> 
 
   /* Affichage du nom du script */ 
   alert("DOM_01"); 
 
   /* Affichage Hello World! par la méthode document.write */ 
   document.write("Hello World!<br />"); 
 
   /* Affichage Hello World! par la méthode document.write */ 
   /* avec mise en gras du mot World */ 
   document.write("Hello <b>World</b>!"); 
 
</script>

À l’exécution après l’affichage, par la méthode alert, d’une boîte de dialogue annonçant l’intitulé de l’exercice (DOM_01), nous obtenons tout naturellement l’affichage ...