Lecture d'un document XML via Javascript avec différents navigateurs On dispose du fichier demo.xml dont le contenu est le suivant : <?xml version="1.0" encoding="ISO-8859-1" ?> <articles> <article num="0217" préféré="oui"> <nom>montre</nom> <prix>45</prix> </article> <article num="65b" testé="non" défaut="30" > <nom>téléphone</nom> <prix>30</prix> </article> </articles> Le but de cette page est de montrer comment on peut passer en revue tous les éléments nommés "article" et leurs attributs dans ce document. Cliquer sur le bouton suivant pour voir ce que cela donne avec votre navigateur :     (pour l'instant, vous n'avez pas cliqué) Voici le contenu obtenu avec IE 8 : Le fichier demo.xml contient 2 articles. Element numéro 1 (indice 0) --------------------------- cet élément a 2 attributs et 2 enfants. Attribut indice 0 : de nom 'num' et de valeur '0217' Attribut indice 1 : de nom 'préféré' et de valeur 'oui' Enfant indice 0 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'montre' ; childNodes[0].data est 'montre' ; Enfant indice 1 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '45' ; childNodes[0].data est '45' ; Element numéro 2 (indice 1) --------------------------- cet élément a 3 attributs et 2 enfants. Attribut indice 0 : de nom 'num' et de valeur '65b' Attribut indice 1 : de nom 'testé' et de valeur 'non' Attribut indice 2 : de nom 'défaut' et de valeur '30' Enfant indice 0 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'téléphone' ; childNodes[0].data est 'téléphone' ; Enfant indice 1 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '30' ; childNodes[0].data est '30' ; Voici le contenu obtenu avec FF 3.5 : Le fichier demo.xml contient 2 articles. Element numéro 1 (indice 0) --------------------------- cet élément a 2 attributs et 5 enfants. Attribut indice 0 : de nom 'num' et de valeur '0217' Attribut indice 1 : de nom 'préféré' et de valeur 'oui' Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est 'montre' ; Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est '45' ; Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Element numéro 2 (indice 1) --------------------------- cet élément a 3 attributs et 5 enfants. Attribut indice 0 : de nom 'num' et de valeur '65b' Attribut indice 1 : de nom 'testé' et de valeur 'non' Attribut indice 2 : de nom 'défaut' et de valeur '30' Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est 'téléphone' ; Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est 'undefined' ; childNodes[0].data est '30' ; Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Voici le contenu obtenu avec OP 10.1 : Le fichier demo.xml contient 2 articles. Element numéro 1 (indice 0) --------------------------- cet élément a 2 attributs et 5 enfants. Attribut indice 0 : de nom 'num' et de valeur '0217' Attribut indice 1 : de nom 'préféré' et de valeur 'oui' Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'montre' ; childNodes[0].data est 'montre' ; Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '45' ; childNodes[0].data est '45' ; Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Element numéro 2 (indice 1) --------------------------- cet élément a 3 attributs et 5 enfants. Attribut indice 0 : de nom 'num' et de valeur '65b' Attribut indice 1 : de nom 'testé' et de valeur 'non' Attribut indice 2 : de nom 'défaut' et de valeur '30' Enfant indice 0 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 1 nodeType est '1' ; nodeName est 'nom' ; nodeValue est 'null' ; text est 'téléphone' ; childNodes[0].data est 'téléphone' ; Enfant indice 2 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Enfant indice 3 nodeType est '1' ; nodeName est 'prix' ; nodeValue est 'null' ; text est '30' ; childNodes[0].data est '30' ; Enfant indice 4 nodeType est '3' ; nodeName est '#text' ; nodeValue est '\n' ; text est 'undefined' ; Vous pouvez consulter : le code-source PHP de cette page, le code-source Javascript utilisé.

 

 

   Retour à la page principale de   (gH)