La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Introduction à DOM Maroua Bouzid.

Présentations similaires


Présentation au sujet: "Introduction à DOM Maroua Bouzid."— Transcription de la présentation:

1 Introduction à DOM Maroua Bouzid

2 2 L'interface DOM Standard W3C fait pour HTML et XML Objectif – Mettre le document XML en mémoire sous une forme objet – Traduire les éléments en objets : attributs et méthodes – Permettre ensuite à toute application de lutiliser de manière uniforme à travers les méthodes définies sur ses objets Intérêt – Uniformiser ainsi lusage de XML à travers différentes applications : JavaScript, Java, C++,… DOM est indépendant de toute application

3 3 Principaux parseurs Document XML Parseur DOM Arbre DOM Application API DOM XercesApache (Java, C++) MSXMLMicrosoft (C++, VB…) SDK OracleOracle (Java) 4DOMPython

4 4 Exemple d'arbre DOM Le meilleur restaurant Document NodeList NamedNodeMap Attr Element NodeList Element Text Racine du document Id="R1" Le meilleur restaurant

5 5 La structure Le modèle objet DOM – Structure arborescente déléments – Un élément composé dun ou plusieurs nœud: Dautres éléments Des instructions de traitement, Ou encore de texte Mais aussi des attributs Douze types de nœuds – Document (racien en xml) – Comment – Attribute,… ProcessingInstruction DocumentType Element.... Document Child Text Le meilleur restaurant Node

6 6 Le noeud Chaque noeud XML est transformé en unobjet – Définition – Propriétés – Des méthodes Les méthodes et propriétés permettent notamment : – Créer (createNode,..), – Modifier (repalceChild,…) – Supprimer (remove,…) – Extraire des données (get,…) de nimporte quel élément ou contenu dun document XML

7 7 Les relations DOM définit les types de relation entre chaque nœud, et des directions de déplacement dans une arborescence XML Les propriétés: – parentNode retourne le père – childNodes retourne les enfants – firstChild retourne le premier enfant – lastChild retourne le dernier enfant – previousSibling retourne le frère précedent – nextSibling retourne le frère suivant du nœud courant

8 8 DOM et JavaScript Chargement du XML à travers JavaScript (pour mozilla) xmlDoc= document.implementation.createDocument("","",null); xmlDoc.load("note.xml");….. Le fichier complet : – Test du navigateur – Création de lobjet document – Chargement du fichier

9 9 Accès aux éléments et attributs document : objet particulier possédant plusieurs méthodes et propriétés 1. La méthode getElementById permet de sélectionner un élément d'identifiant donné dans une page ; 2. La méthode getElementsByName permet de sélectionner les éléments portant un nom donné dans une page ; 3. La méthode getElementsByTagName permet de sélectionner les éléments portant un nom de balise donné dans une page.

10 10 Accès aux éléments et attributs Accès aux attributs La méthode getAttribute() permet de retourner la valeur d'un attribut de nom donné, La propriété attributes renvoie à la collection complète des attributs d'un élément. Par exemple, si elt désigne l'élément img suivant, cette méthode renverra une liste constituée des nœuds src, alt, width et height (dans cet ordre).

11 11 Mise en œuvre - Construction Créer une instance de Document – En général, dépend de limplémentation Construire les nœuds de larbre – Linstance de Document sert de « factory » – createElementNS(namespaceURI, qName), createAttributeNS(…)… Établir les liens entre les nœuds – appendChild(node), replaceChild(node1, node2), insertBefore(node) – setAttributeNS(…)

12 12 Bilan DOM Une interface objet standard – Navigation – Construction Des concepts familiers – Interface vaste mais intuitive Performance limitée – Place mémoire importante – Traitement à la fin de l'analyse


Télécharger ppt "Introduction à DOM Maroua Bouzid."

Présentations similaires


Annonces Google