Une introduction au DOM

• Avril 23, 2024

DOM est un acronyme pour Document Object Model. C'est une façon de voir le HTML qui permet aux développeurs de sites Web de créer des fonctions et de manipuler le code d'une manière qui serait autrement impossible.

Il existe trois types de base de DOM; le DOM de base, qui peut être utilisé pour définir n'importe quel document quel que soit son type; le DOM XML, qui est utilisé avec les documents XML, et le DOM HTML. Ce dernier type est le plus important et le plus utile pour les développeurs HTML, c'est donc le DOM que cet article va explorer.

Le DOM HTML divise une page HTML en nœuds. Ces nœuds sont tous connectés les uns aux autres, les nœuds enfants descendant de leurs nœuds parents et du nœud racine en haut, dans une disposition arborescente. Ce qui rend le DOM si important et utile aux développeurs HTML, c'est que cette définition rend chaque partie de la page distincte et la situe par rapport à toutes les autres parties, de sorte qu'il est facile de concevoir du code qui se réfère à cette section particulière et n'affecte que cette partie . Cela rend le DOM HTML vital pour la programmation Javascript, par exemple, car il permet à un programme Javascript d'utiliser directement les éléments HTML. Sans le DOM, il est impossible pour un programme Javascript d'accéder dynamiquement au contenu d'une page Web. Par exemple, en utilisant des méthodes DOM, vous pouvez écrire un programme qui modifie le texte à l'intérieur d'un élément HTML particulier si un événement spécifique se produit (par exemple, un visiteur clique sur un bouton de la page).

Comme vous le savez déjà, une page HTML est composée de différents éléments comme celui-ci:



Exemple de page HTML

Ceci est un exemple d'une page HTML de base.

Avec le DOM, chaque élément (tout entre un ensemble de balises, comme) est un nœud. Le nœud est appelé le nœud racine et est le plus élémentaire; il a deux nœuds enfants, le nœud et le nœud. Dans l'exemple ci-dessus, le nœud est l'enfant du nœud et le

le nœud est l'enfant du nœud.

Un développeur Web peut utiliser et modifier le DOM en utilisant certaines commandes. Ces commandes sont divisées en propriétés (qui décrivent une partie de la page HTML) et méthodes (qui font quelque chose à cette partie de la page).

Pour plus de détails sur la façon d'utiliser le DOM HTML, consultez l'article suivant, «Travailler avec le DOM», qui sera publié la semaine prochaine.

Instructions Vidéo: Introduction au DOM et différences entre NodeJS et Chrome (extrait gratuit) [M1L18] (Avril 2024).