JavaScript HTML DOM

Grâce au HTML DOM, JavaScript peut accéder et modifier tous les éléments du document HTML.

HTML DOM (modèle d'objet de document)

Lorsque la page web est chargée, le navigateur crée le modèle d'objet de document de la page (Document Object Model).

HTML DOM Le modèle est structuré enArbre d'objets:

L'arbre DOM d'un objet

Arbre HTML DOM

Grâce à ce modèle d'objet, JavaScript obtient toutes les forces nécessaires pour créer un HTML dynamique :

  • JavaScript peut changer tous les éléments HTML dans une page
  • JavaScript peut changer tous les attributs HTML dans une page
  • JavaScript peut changer tous les styles CSS dans une page
  • JavaScript peut supprimer des éléments et des attributs HTML existants
  • JavaScript peut ajouter de nouveaux éléments et attributs HTML
  • JavaScript peut réagir à tous les événements HTML existants dans une page
  • JavaScript peut créer de nouveaux événements HTML dans une page

Que allez-vous apprendre

Dans les chapitres suivants de ce tutoriel, vous apprendrez :

  • Comment changer le contenu d'un élément HTML
  • Comment changer le style des éléments HTML (CSS)
  • Comment réagir aux événements HTML DOM
  • Comment ajouter et supprimer des éléments HTML

Qu'est-ce que DOM ?

DOM est une norme W3C (Consortium World Wide Web).

DOM définit les normes d'accès au document :

「Le Document Object Model (DOM) W3C est une interface indépendante de la plateforme et du langage, qui permet aux programmes et aux scripts d'accéder, de mettre à jour dynamiquement le contenu, la structure et le style du document.»

La norme W3C DOM est divisée en 3 parties différentes :

  • Core DOM - Modèle standard pour tous les types de documents
  • XML DOM - Modèle standard de document XML
  • HTML DOM - Modèle standard de document HTML

Qu'est-ce que HTML DOM ?

HTML DOM est une norme standard de HTMLObjetsModèles etInterface de programmation. Il définit :

  • commeObjetsdes éléments HTML
  • de tous les éléments HTMLPropriétés
  • Accéder à toutes les méthodes des éléments HTMLMéthodes
  • de tous les éléments HTMLÉvénements

En d'autres termes : HTML DOM est une norme standard pour obtenir, modifier, ajouter ou supprimer des éléments HTML.