Sommaire

Le Document Object Model

1. Utiliser le DOM

Dans ce chapitre, nous allons aborder le DOM et voir comment accéder aux éléments constitutifs de la page, ceci afin d’utiliser JavaScript pour personnaliser l’affichage et le rendu de la page.

L’objectif de l’utilisation du JavaScript dans ce livre est la personnalisation de l’affichage et du rendu des pages web dans la fenêtre du navigateur. Pour atteindre cet objectif, nous devons connaître tous les constituants d’une page web, avec leurs propriétés, afin de pouvoir les exploiter.

Nous allons atteindre cet objectif avec le Document Object Model, plus connu sous son acronyme, le DOM.

Toutes les notions de base du code JavaScript que nous avons étudiées précédemment et tous les scripts s’exécutent au sein d’une page web. Cette page web, qu’elle soit simple ou très complexe, est toujours constituée d’éléments HTML et de règles CSS. C’est dans ce contexte qu’est exécuté le code JavaScript.

2. La notion de document

Le mot Document dans Document Object Model (DOM) représente le document, c’est-à-dire la page web. Il faut donc que nous sachions comment est constituée la page sur laquelle nous souhaitons intervenir.

Nous avons deux façons de voir une page web. Premièrement, par l’intermédiaire de son code source :

images/C03-001.png

Et deuxièmement, par l’intermédiaire de son rendu ...