Exemple de code de structure arborescente et de modèle objet de document DOM en XML (image)-Tutoriel XML/RSS-php.cn

Exemple de code de structure arborescente et de modèle objet de document DOM en XML (image)

黄舟

Libérer： 2017-03-10 19:26:21

original

2110 Les gens l'ont consulté

Cet article présente principalement la structure arborescente et le modèle objet de document DOM en XML. L'article donne des exemples d'analyse JavaScript des objets DOM. Les amis dans le besoin peuvent se référer à

Structure arborescente
Les documents XML sont toujours descriptifs. Les structures arborescentes, souvent appelées arbres XML, jouent un rôle important dans la description des documents XML.

Cette arborescence contient l'élément racine (parent), les éléments enfants, etc. En utilisant une structure arborescente, nous pouvons comprendre toutes les branches et sous-branches suivantes provenant de l’élément racine. L'analyse commence à l'élément racine et descend jusqu'à la première branche pointant vers un élément, à partir de laquelle la première branche et ses enfants sont traités.

Exemple

L'exemple suivant illustre une structure arborescente XML simple :

<?xml version="1.0"?>  
<Company>  
    <Employee>  
        <FirstName>Tanmay</FirstName>  
        <LastName>Patil</LastName>  
        <ContactNo>1234567890</ContactNo>  
        <Email>tanmaypatil@xyz.com</Email>  
        <Address>  
            <City>Bangalore</City>  
            <State>Karnataka</State>  
            <Zip>560212</Zip>  
        </Address>  
    </Employee>  
</Company>

Copier après la connexion

La structure arborescente suivante représente le document XML ci-dessus :

Exemple de code de structure arborescente et de modèle objet de document DOM en XML (image)

Dans l'image, il y a un élément racine appelé . Il y a un autre élément Au sein de l'élément employé, il existe 5 branches, à savoir , , , et

. Dans l'élément , il existe trois sous-branches, à savoir , .

Modèle objet de document DOM
Le modèle objet de document (DOM) est la base de XML. Les documents XML possèdent une unité hiérarchique d'informations appelée nœud ; le DOM est un moyen de décrire ces nœuds et les relations entre eux.

Un document DOM est un ensemble de nœuds ou de blocs d'informations organisés selon une structure hiérarchique. Cette hiérarchie permet aux développeurs de parcourir cette arborescence de nœuds pour interroger des informations spécifiques. Parce qu'il est basé sur une hiérarchie d'informations, le DOM est également considéré comme basé sur une arborescence de nœuds.

D'autre part, XML DOM fournit également une API qui permet aux développeurs d'ajouter, de modifier, de déplacer ou de supprimer des nœuds n'importe où dans l'arborescence des nœuds afin de créer des applications.

Exemple

L'exemple suivant (sample.htm) analyse un document XML ("address.xml") dans un objet XML DOM puis extrait certaines informations à l'aide de JavaScript :

<!DOCTYPE html>  
<html>  
<body>  
<h1>TutorialsPoint DOM example </h1>  
<div>  
<b>Name:</b> <span id="name"></span><br>  
<b>Company:</b> <span id="company"></span><br>  
<b>Phone:</b> <span id="phone"></span>  
</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","/xml/address.xml",false);   
xmlhttp.send();   
xmlDoc=xmlhttp.responseXML;   
document.getElementById("name").innerHTML=   
xmlDoc.getElementsByTagName("name")[0].childNodes[0].nodeValue;   
document.getElementById("company").innerHTML=   
xmlDoc.getElementsByTagName("company")[0].childNodes[0].nodeValue;   
document.getElementById("phone").innerHTML=   
xmlDoc.getElementsByTagName("phone")[0].childNodes[0].nodeValue;   
</script>  
</body  
</html>

Copier après la connexion

Le contenu de address.xml est le suivant :

<?xml version="1.0"?>  
<contact-info>  
    <name>Tanmay Patil</name>  
    <company>TutorialsPoint</company>  
    <phone>(011) 123-4567</phone>  
</contact-info>

Copier après la connexion

On peut sauvegarder ces deux fichiers sample.htm et address.xml dans le même répertoire / xml, puis exécutez le fichier sample.htm en l'ouvrant dans le navigateur. Cela devrait produire un résultat comme celui-ci :

Exemple de code de structure arborescente et de modèle objet de document DOM en XML (image)