• 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 10/09/2021

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é

Dans ce chapitre vous avez appris que :

  • le DOM est une représentation d’une page HTML 

  • il permet d’accéder aux différents éléments de la page grâce au langage JavaScript.

Maintenant que vous savez ce qu’est un DOM et à quoi il sert, nous allons apprendre à le dompter dans ce cours.  Vous êtes prêts ? À vos claviers ! Apprenez dans le chapitre suivant à accéder aux éléments du DOM

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