DOM
Signifie « Document Object Model ».
Le DOM est une interface de programmation permettant d’accéder au contenu des pages Web et des documents XML, ainsi que de le modifier. Il définit la structure logique d’un document en le traitant comme un arbre, où chaque nœud de branchement représente des éléments individuels. Les programmes et les scripts peuvent accéder au DOM pour lire et modifier la structure, le contenu et le style du document.
Le DOM organise la structure des fichiers HTML et XML selon une hiérarchie d’objets appelés « nœuds ». À la racine se trouve le nœud Document, qui représente le document dans son ensemble. Viennent ensuite les nœuds Element, qui représentent les balises HTML ou XML individuelles. Les nœuds Element sont eux-mêmes hiérarchiques, car ils sont imbriqués les uns dans les autres. Par exemple, le nœud <html> est le plus proche de la racine du document et contient les nœuds <head> et <body>, qui contiennent chacun des nœuds enfants comme les éléments <div> et <p>.
Chaque nœud Element du DOM comprend plusieurs nœuds Attribute qui modifient ses propriétés. Par exemple, un nœud Element <img> peut inclure des nœuds d’attribut pour src, alt, width et height, ce qui permet à du JavaScript de modifier n’importe lequel de ces attributs. Enfin, les nœuds Text contiennent le texte de chaque élément et constituent le contenu du document. Les nœuds Text sont les feuilles de l’arbre et ne possèdent aucun niveau supplémentaire après eux.
L’utilisation de JavaScript (ou d’autres langages de script) pour accéder au DOM d’une page permet de créer des pages Web dynamiques et interactives. Par exemple, les gestionnaires d’événements associés aux nœuds peuvent attendre des interactions de l’utilisateur, comme des clics de souris ou des entrées au clavier, puis modifier le contenu de la page en réponse. Les événements JavaScript peuvent utiliser le DOM pour supprimer des nœuds existants et en ajouter de nouveaux. Les scripts peuvent récupérer des données dans une base de données sur un serveur, puis utiliser le DOM pour insérer ces données dans des éléments de texte précis. Les scripts peuvent également utiliser le DOM pour modifier les propriétés CSS des éléments et changer l’apparence et la mise en page du document.
Testez vos connaissances