DOM : 1 - Introduction (1/3) Bienvenue, ici commence l'apprentissage du DOM

Bienvenue, ici commence l'apprentissage du Document Object Model ( DOM )

Télécharger cet article au format PDF

Historique :

     Lors de notre rencontre aux DevDays juste après la publication de l'intro ASP.NET de Rédo, quel diable m'a pris de lancer l'idée d'un tutorial complet sur le DOM.

     Pris au mot par Didier et grâce à sa patience, voici donc le premier article d'une longue série sur l'apprentissage du DOM.


Ma vision simplifiée du DOM :

     Pour débuter, et ce afin de vous faire une idée sur ces articles, voici en quelques mots MA propre vision du DOM appliqué au HTML.

     Le DOM est l'art et la manière de créer, modifier ou animer un document HTML après qu'il soit chargé. Tout ceci se faisant en une seule et unique syntaxe de développement. Concrètement, le DOM appliqué au HTML est l'aboutissement du DHTML.


Plan de l'article DOM - Introduction :

     Cet article d'introduction est fait de façon à ne pas vous surcharger d'informations inutiles. Nous irons toujours à l'essentiel tout explorant la partie théorique au fur et à mesure des différents articles.

     - Page 2 : Exemples concrets : Avant toutes explications, commençons par des exemples concrets afin que vous puissiez vous rendre compte des utilisations du DOM appliqué au HTML.

     - Page 3 : Introduction W3C simplifiée et commentée : L'introduction du World Wide Web Consortium - W3C ( http://www.w3c.org ) me paraît la plus appropriée pour commencer ce tutorial. Je citerai donc dans cette partie des extraits simplifiés et commentés de cette introduction.


Pré-requis :

     - Le JavaScript : Une bonne connaissance du JavaScript est nécessaire à la compréhension des articles DOM. Veuillez vous référer au Chapitre JavaScript si toutefois ceci s'avérait nécessaire.

     - Le Navigateur : DOM n'ayant pas été mis en place dès les débuts de l'Internet, cette technologie nécessite un navigateur de nouvelle génération. Ces navigateurs sont capables d'interpréter le DOM Level 0, plus communément nommé DOM Level 1. N'ayant, à ce jour, toujours pas trouvé de liste réellement complète et exhaustive, je me contenterai de citer les navigateurs suivants :

       - Microsoft Internet Explorer 5.0 +
       - Netscape 6.0 +
       - Microsoft Internet Explorer 4.0 ( pour une petite partie du DOM Level 1 )
       - Netscape 4.7 ( pour une petite partie du DOM Level 1 )

De façon à ne pas interférer avec les exemples des différents articles, je testerai, non pas le navigateur, mais la possibilité d'exécuter les différents ordres DOM nécessaires. Si votre navigateur n'est malheureusement pas compatible, je vous prierai de bien vouloir le mettre à jour avec les liens fournis ci-dessous :

     - Microsoft Internet Explorer
     - Netscape

Page 2 : Exemples concrets