XML DOM - Accès

Dans ce chapitre, nous étudierons comment accéder aux nœuds DOM XML qui sont considérés comme les unités informationnelles du document XML. La structure des nœuds du DOM XML permet au développeur de naviguer dans l'arborescence à la recherche d'informations spécifiques et d'accéder simultanément aux informations.

Accès aux nœuds

Voici les trois façons dont vous pouvez accéder aux nœuds -

  • En utilisant le getElementsByTagName () méthode

  • En bouclant ou en traversant l'arborescence des nœuds

  • En naviguant dans l'arborescence des nœuds, en utilisant les relations de nœuds

getElementsByTagName ()

Cette méthode permet d'accéder aux informations d'un nœud en spécifiant le nom du nœud. Il permet également d'accéder aux informations de la liste des nœuds et de la longueur de la liste des nœuds.

Syntaxe

La méthode getElementByTagName () a la syntaxe suivante -

node.getElementByTagName("tagname");

Où,

  • node - est le nœud du document.

  • tagname - contient le nom du nœud dont vous voulez obtenir la valeur.

Exemple

Voici un programme simple qui illustre l'utilisation de la méthode getElementByTagName.

<!DOCTYPE html>
<html>
   <body>
      <div>
         <b>FirstName:</b> <span id = "FirstName"></span><br>
         <b>LastName:</b> <span id = "LastName"></span><br>
         <b>Category:</b> <span id = "Employee"></span><br>
      </div>
      <script>
         if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
         } else {// code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
         xmlhttp.open("GET","/dom/node.xml",false);
         xmlhttp.send();
         xmlDoc = xmlhttp.responseXML;

         document.getElementById("FirstName").innerHTML = 
         xmlDoc.getElementsByTagName("FirstName")[0].childNodes[0].nodeValue;
         document.getElementById("LastName").innerHTML = 
         xmlDoc.getElementsByTagName("LastName")[0].childNodes[0].nodeValue;
         document.getElementById("Employee").innerHTML = 
         xmlDoc.getElementsByTagName("Employee")[0].attributes[0].nodeValue;
      </script>
   </body>
</html>
  • Dans l'exemple ci-dessus, nous accédons aux informations des nœuds FirstName , LastName et Employee .

  • xmlDoc.getElementsByTagName ("FirstName") [0] .childNodes [0] .nodeValue; Cette ligne accède à la valeur du nœud enfant FirstName à l'aide de la méthode getElementByTagName ().

  • xmlDoc.getElementsByTagName ("Employé") [0] .attributes [0] .nodeValue; Cette ligne accède à la valeur d'attribut de la méthode de noeud Employee getElementByTagName ().

Traverser les nœuds

Ceci est traité dans le chapitre Traversée du DOM avec des exemples.

Navigation à travers les nœuds

Ceci est couvert dans le chapitre Navigation DOM avec des exemples.