XML DOM
DOM (Document Object Model Document Object Model) definiert einen Standard auf das Dokument zuzugreifen und zu manipulieren.
XML DOM
XML-DOM (XML Document Object Model) definiert eine Standardmethode für den Zugriff auf und Bearbeiten von XML-Dokumenten.
XML-DOM-XML-Dokument als Baumansicht.
Alle Elemente können durch den DOM-Baum zugegriffen werden. Sie können ihren Inhalt zu ändern oder zu löschen und neue Elemente zu erstellen. Elemente, deren Text und ihre Eigenschaften werden als ein Knoten sein.
In unserem XML - DOM - Tutorial , können Sie mehr über die XML - DOM lernen.
HTML-DOM
HTML-DOM definiert einen Standard für den Zugriff auf und die Manipulation von HTML-Dokumenten.
Alle HTML-Elemente können über das HTML DOM zugreifen.
In unserem HTML - DOM - Tutorial , können Sie mehr über HTML - DOM Wissen lernen. .
Laden einer XML-Datei - Cross-Browser-Instanz
Das folgende Beispiel XML - Dokument ( " note.xml ") XML - DOM - Objekt, zu analysieren und dann einige Informationen über JavaScript zu extrahieren:
Beispiele
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></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","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
Versuchen »
Wichtiger Hinweis!
Denn von der Höhe der XML-Datei ( "note.xml") von <zu> Element den Text "Tove" extrahiert, ist die Syntax:
Beachten Sie, dass auch XML-Datei enthält nur eine <bis> Element, müssen Sie noch den Array-Index angeben [0]. Dies ist, weil die getElementsByTagName () Methode ein Array zurückgibt.
eine XML-Zeichenfolge Laden - Cross-Browser-Instanz
Die folgenden Beispiele für die XML-Zeichenfolge mit dem XML-DOM-Objekt-Parsing, und dann einige Informationen über JavaScript zu extrahieren:
Beispiele
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
Versuchen »