Ce document décrit l'arbre DOM, les relations parent-enfant entre les noeuds, et les bases de la navigation et de la manipulation du DOM en JavaScript. Le DOM représente le document sous forme d'arbre avec des noeuds, et permet de modifier le contenu affiché.
0 évaluation0% ont trouvé ce document utile (0 vote)
75 vues2 pages
Ce document décrit l'arbre DOM, les relations parent-enfant entre les noeuds, et les bases de la navigation et de la manipulation du DOM en JavaScript. Le DOM représente le document sous forme d'arbre avec des noeuds, et permet de modifier le contenu affiché.
Ce document décrit l'arbre DOM, les relations parent-enfant entre les noeuds, et les bases de la navigation et de la manipulation du DOM en JavaScript. Le DOM représente le document sous forme d'arbre avec des noeuds, et permet de modifier le contenu affiché.
Ce document décrit l'arbre DOM, les relations parent-enfant entre les noeuds, et les bases de la navigation et de la manipulation du DOM en JavaScript. Le DOM représente le document sous forme d'arbre avec des noeuds, et permet de modifier le contenu affiché.
Téléchargez comme DOCX, PDF, TXT ou lisez en ligne sur Scribd
Télécharger au format docx, pdf ou txt
Vous êtes sur la page 1/ 2
Manipuler les éléments d’une page avec
DOM C.1 – Comprendre l’arbre DOM, les noeuds parents et enfants 1) Arbre DOM : (Document Object Model)
Est une interface de programmation normalisée par le W3C, qui permet à des
scripts d'examiner et de modifier le contenu du navigateur web
2) Objet Document
Document Object Model (DOM) signifie « modèle d'objets de document » c à d :
Modèle Un modèle sert à représenter quelque chose, comme le plan d'une ville. Le DOM représente le document qui se trouve dans le navigateur2. Objet En programmation, un objet est un conteneur qui comporte des propriétés et des méthodes – qui sont des variables et des actions concernant ce qu'il représente. Les objets du DOM peuvent représenter une fenêtre, un document, une phrase, un style… Document Le DOM concerne un document, tel qu'une page web affichée dans un navigateur. Une page web commence par une balise !DOCTYPE suivi de la balise <html> dans laquelle se trouve le reste du document. Le DOM représente le document affiché par une structure en arbre, comportant des nœuds (branches et feuilles)2. 3) Navigation dans le DOM (parentNode, childNodes, …) Le DOM nous permet de faire n’importe quoi avec les éléments et leur contenu, mais nous devons d’abord atteindre l’objet DOM correspondant.
Toutes les opérations sur le DOM commencent par l’objet document. C’est le “point d’entrée” principal du DOM. De là, nous pouvons accéder à n’importe quel nœud.
C.2. – Connaître les bases de la manipulation du DOM en
JavaScript • Sélecteurs (simples, multiples…) • Modes d’Accès aux éléments
C.3 - Manipuler les éléments HTML
• Manipulation des éléments (Création, modification, suppression) • Mise à jour des styles, attributs et classes • Création DOMMenuObject
