Heim > Artikel > Backend-Entwicklung > Beispielcode für eine Baumstruktur und ein DOM-Dokumentobjektmodell in XML (Bild)

Beispielcode für eine Baumstruktur und ein DOM-Dokumentobjektmodell in XML (Bild)

黄舟Original: 2017-03-10 19:26:211961Durchsuche

In diesem Artikel werden hauptsächlich die Baumstruktur und das DOM-Dokumentobjektmodell in XML vorgestellt. Der Artikel enthält Beispiele für das Parsen von DOM-Objekten in JavaScript >XML-Dokumente sind immer beschreibend. Baumstrukturen, oft auch XML-Bäume genannt, spielen eine wichtige Rolle bei der Beschreibung von XML-Dokumenten.

Diese Baumstruktur enthält das Stammelement (übergeordnetes Element), untergeordnete Elemente usw. Durch die Verwendung einer Baumstruktur können wir alle nachfolgenden Zweige und Unterzweige verstehen, die vom Wurzelelement ausgehen. Das Parsen beginnt beim Stammelement und geht dann nach unten zum ersten Zweig, der auf ein Element zeigt, von wo aus der erste Zweig und seine untergeordneten Elemente verarbeitet werden.
BeispielDas folgende Beispiel zeigt eine einfache XML-Baumstruktur:

Die folgende Baumstruktur stellt das obige XML-Dokument dar:

<?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>

Im Bild gibt es ein Stammelement namens 32c3713aa2138e0cde00114c704ab347. Es gibt ein weiteres 5f53afa5dd820f42d7a96d9a5bc20fb6-Element. Innerhalb des Mitarbeiterelements gibt es 5 weitere Zweige, nämlich b72ba9509672c56d79fe85b589371095, 9f558e2976ebad5f7861f32847f7156b, 5d89068e3d9fa1abb667e2edd4110abf, f9f4cc2859a7bdb79edcd9213be8fba4 und 4105211caaee9b335c536aeb3af8c57c. Innerhalb des f2d2d42736253fc13ad1661a02a3d5ac-Elements gibt es drei Unterzweige, nämlich 6c132ff3bb7a6c407d7ed87f2557a5a4, c29070a8b11e875ca4756dbf4d49d8f9.

Beispielcode für eine Baumstruktur und ein DOM-Dokumentobjektmodell in XML (Bild) DOM Document Object Model

Das Document Object Model (DOM) ist die Basis von XML. XML-Dokumente verfügen über eine hierarchische Informationseinheit, die als Knoten bezeichnet wird. Das DOM ist eine Möglichkeit, diese Knoten und die Beziehungen zwischen ihnen zu beschreiben.

Ein DOM-Dokument ist eine Sammlung von Knoten oder Informationsblöcken, die in einer hierarchischen Struktur organisiert sind. Diese Hierarchie ermöglicht es Entwicklern, durch diesen Knotenbaum zu navigieren, um bestimmte Informationen abzufragen. Da das DOM auf einer Informationshierarchie basiert, gilt es auch als knotenbaumbasiert.
Andererseits bietet XML DOM auch eine API, die es Entwicklern ermöglicht, Knoten an einer beliebigen Stelle im Knotenbaum hinzuzufügen, zu bearbeiten, zu verschieben oder zu entfernen, um Anwendungen zu erstellen.

Beispiel

Das folgende Beispiel (sample.htm) analysiert ein XML-Dokument („address.xml“) in ein XML-DOM-Objekt und extrahiert dann einige Informationen mithilfe von JavaScript:

Der Inhalt von address.xml lautet wie folgt:

<!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>

Wir können diese beiden Dateien sample.htm und address.xml im selben Verzeichnis speichern / xml und führen Sie dann die Datei „sample.htm“ aus, indem Sie sie im Browser öffnen. Es sollte ein Ergebnis wie dieses ergeben:

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

Hier können Sie sehen, dass wir jeden untergeordneten Knoten extrahiert und seinen Wert angezeigt haben.

Beispielcode für eine Baumstruktur und ein DOM-Dokumentobjektmodell in XML (Bild)

Das obige ist der detaillierte Inhalt vonBeispielcode für eine Baumstruktur und ein DOM-Dokumentobjektmodell in XML (Bild). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detaillierte Beispielcode-Erklärung von Namespaces in XMLNächster Artikel：Detaillierte Beispielcode-Erklärung von Namespaces in XML

In Verbindung stehende Artikel

Mehr sehen