JavaScript HTML DOM

Avec le DOM HTML, JavaScript peut accéder et modifier tous les éléments d’un document HTML.

Le DOM HTML (Document Object Model)

Lorsqu’une page Web est chargée, le navigateur crée un Ddocument
Oobjet Mmodèle de la page.

Le DOM HTML modèle est construit comme un arbre de Objets:

Avec le modèle objet, JavaScript obtient toute la puissance dont il a besoin pour créer du HTML dynamique :

• JavaScript peut modifier tous les éléments HTML de la page
• JavaScript peut modifier tous les attributs HTML de la page
• JavaScript peut modifier tous les styles CSS de la 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 la page
• JavaScript peut créer de nouveaux événements HTML dans la page

Ce que vous apprendrez

Dans les prochains chapitres de ce tutoriel, vous apprendrez :

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

Qu’est-ce que le DOM ?

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

Le DOM définit un standard d’accès aux documents :

« Le modèle d’objet de document (DOM) du W3C est une interface indépendante de la plate-forme et de la langue qui permet aux programmes et aux scripts d’accéder et de mettre à jour dynamiquement le contenu, la structure et le style d’un document. »

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

• Core DOM – modèle standard pour tous les types de documents
• XML DOM – modèle standard pour les documents XML
• HTML DOM – modèle standard pour les documents HTML

Qu’est-ce que le DOM HTML ?

Le DOM HTML est un standard objet modèle et
interface de programmation pour HTML. Il définit :

• Les éléments HTML comme objets
• Le propriétés de tous les éléments HTML
• Le méthodes pour accéder à tous les éléments HTML
• Le événements pour tous les éléments HTML

Autrement dit: Le DOM HTML est une norme sur la manière d’obtenir, de modifier, d’ajouter ou de supprimer des éléments HTML.