• 12 hours
  • Medium

Free online content available in this course.

course.header.alt.is_video

course.header.alt.is_certifying

Got it!

Last updated on 3/16/20

Comprenez ce qu'est le DOM

Log in or subscribe for free to enjoy all this course has to offer!

Bonjour et bienvenue dans ce cours !

Nous allons découvrir ensemble comment écrire du JavaScript pour le web. Commençons tout de suite avec le DOM.

Qu'est-ce que le DOM ?

Le DOM, qui signifie Document Object Model (c'est-à-dire "modèle d'objet de document", en français), est une interface de programmation qui est une représentation du HTML d'une page web et qui permet d'accéder aux éléments de cette page web et de les modifier avec le langage JavaScript.

Il faut voir le DOM comme un arbre où chaque élément peut avoir zéro ou plusieurs enfants, qui peuvent avoir eux-mêmes zéro ou plusieurs enfants, qui peuvent avoir zéro ou plusieurs... enfin je pense que vous comprenez le principe. ;)

Dans le DOM, on commence toujours par un élément racine qui est le point de départ du document : la balise  <html> . Celle-ci a pour enfants les balises  <head>  et  <body>  qui ont donc un parent commun : la balise  <html> ! Vous trouverez ensuite le contenu de votre page dans la balise  <body>  sous forme de liens, boutons, blocs, etc.

Le DOM commence avec un head et un body puis un arbre de balises se forme à l'intérieur du body pour représenter le document
Le DOM est comme un arbre

Concrètement, à quoi va nous servir le DOM ?

Avec une interface de programmation nous permettant de parcourir le DOM, nous allons pouvoir interagir avec lui. Ces interactions comprennent :

  • La modification du contenu d'un élément précis ;

  • La modification du style d'un élément ;

  • La création ou la suppression d'éléments ;

  • L'interaction avec les utilisateurs, afin de repérer des clics sur un élément ou encore de récupérer leur nom dans un formulaire ;

  • Etc.

En résumé

Vous savez maintenant ce qu'est le DOM et à quoi il sert.

Aujourd'hui, les sites Internet sont de plus en plus dynamiques et animés. En effet, leur contenu change et évolue en continu, sans avoir besoin de recharger la page. Cela vous permet d'avoir une navigation fluide et agréable, qui n'est bien sûr pas pour nous déplaire.

Eh bien c'est le DOM qui permet de faire tout cela ! Et nous allons apprendre à le dompter dans ce cours.

Alors vous êtes prêts ? À vos claviers !

Example of certificate of achievement
Example of certificate of achievement