Latest web development tutorials

Advanced XML DOM

XML DOM - Advanced

In den ersten Kapiteln dieses Tutorials , haben wir das XML - DOM, und verwendet das XML - DOM - Methode getElementsByTagName () Daten aus XML - Dokumenten abzurufen.

In diesem Kapitel werden wir eine Reihe von anderen wichtigen XML-DOM-Methoden kombinieren.

Sie können unsere in XML - DOM - Tutorial mehr über die XML - DOM - Wissen zu lernen.


Ruft den Wert des Elements

XML - Dateien in den folgenden Beispielen verwendet: die Books.XML .

Das folgende Beispiel ruft den ersten Textwert des <title> Element:

Beispiele

txt=xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

Versuchen »


Ruft den Wert der Immobilie

Das folgende Beispiel ruft den Textwert des ersten <title> Element des "lang" -Attribut:

Beispiele

txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

Versuchen »


Ändern Sie den Wert des Elements

Im folgenden Beispiel wird die erste Textwert <title> Element:

Beispiele

x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.nodeValue="Easy Cooking";

Versuchen »


Erstellen Sie ein neues Objekt

Die XML-DOM setAttribute () Methode kann verwendet werden, um die vorhandenen Eigenschaftswert zu ändern, oder eine neue Eigenschaft erstellen.

Im folgenden Beispiel wird ein neues Attribut (Ausgabe = "first"), und fügen Sie dann zu jedem Element <book>:

Beispiele

x=xmlDoc.getElementsByTagName("book");

for(i=0;i<x.length;i++)
{
x[i].setAttribute("edition","first");
}

Versuchen »


Neues Element

Die XML-DOM createelement () Methode erstellt ein neues Element Knoten.

Die XML-DOM createTextNode () Methode erstellt einen neuen Textknoten.

Die XML-DOM appendChild () -Methode fügt einen untergeordneten Knoten zu Knoten (nach dem letzten Child-Knoten).

Um ein neues Element mit Textinhalt zu erstellen, müssen Sie ein neues Element Knotenelement und einen neuen Textknoten zu erstellen, und dann fügte er zu den vorhandenen Knoten.

Im folgenden Beispiel wird ein neues Element (<edition>), mit dem folgenden Text: Erstens, und fügen Sie es dann mit dem ersten Element <book>:

Beispiele

newel=xmlDoc.createElement("edition");
newtext=xmlDoc.createTextNode("First");
newel.appendChild(newtext);

x=xmlDoc.getElementsByTagName("book");
x[0].appendChild(newel);

Versuchen »

Beispiele erklärt

  • Erstellen Sie eine <edition> -Element
  • Wert schaffen "First" Textknoten
  • Fügen Sie den Text-Knoten in das neue <edition> -Element
  • Das <edition> Element wird in das erste Element <book>

Entfernen von Elementen

Im folgenden Beispiel wird das erste Element <book> des ersten Knotens zu entfernen:

Beispiele

x=xmlDoc.getElementsByTagName("book")[0];
x.removeChild(x.childNodes[0]);

Versuchen »

HINWEIS: Die obigen Beispiele je nach Browser und andere führen kann.Firefox behandelt neue Linien als leere Textknoten, Internet Explorer nicht der Fall ist. Sie können in unserem XML - DOM - Tutorial mehr über dieses Problem zu lesen und wie sie zu vermeiden.