• 12 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_video

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 01/04/2020

Comprenez ce qu'est le DOM

Connectez-vous ou inscrivez-vous gratuitement pour bénéficier de toutes les fonctionnalités de ce cours !

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 !

Exemple de certificat de réussite
Exemple de certificat de réussite