JavaScript HTML DOM

Grâce à l'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 HTML DOM de l'objet

Arbre HTML DOM

Grâce à ce modèle d'objet, JavaScript obtient toutes les forces nécessaires pour créer du 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 le DOM ?

DOM est une norme W3C (Consortium mondial du Web).

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

「Le Document Object Model (DOM) W3C est un interface indépendant de la plate-forme et du langage, qui permet aux programmes et aux scripts d'accéder, de mettre à jour le contenu, la structure et le style du document de manière dynamique.»

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 sur la manière d'obtenir, de modifier, d'ajouter ou de supprimer des éléments HTML.