Latest web development tutorials

Avancée DOM XML

DOM XML - Advanced

Dans les chapitres précédents de ce tutoriel , nous avons introduit le XML DOM, et utilise la méthode XML DOM getElementsByTagName () pour récupérer des données à partir de documents XML.

Dans ce chapitre, nous allons combiner un certain nombre d'autres méthodes DOM XML importantes.

Vous pouvez dans notre XML DOM tutoriel pour en savoir plus sur les connaissances DOM XML.


Obtient la valeur de l'élément

Les fichiers XML utilisés dans les exemples suivants: le Books.XML .

L'exemple suivant récupère la première valeur de texte de l'élément <title>:

Exemples

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

Essayez »


Obtient la valeur de la propriété

L'exemple suivant récupère la valeur de texte du premier élément <title> de l'attribut "lang":

Exemples

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

Essayez »


Modifiez la valeur de l'élément

L'exemple suivant modifie la première valeur de texte élément <title>:

Exemples

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

Essayez »


Créer une nouvelle propriété

La méthode XML DOM setAttribute () peut être utilisé pour modifier la valeur de la propriété existante ou créer une nouvelle propriété.

L'exemple suivant crée un nouvel attribut (édition = "first"), puis l'ajouter à chaque élément <book>:

Exemples

x=xmlDoc.getElementsByTagName("book");

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

Essayez »


Créer élément

La méthode XML DOM createElement () crée un nouveau noeud d'élément.

La méthode DOM XML createTextNode () crée un nouveau nœud de texte.

Le XML DOM appendChild () ajoute un nœud enfant au noeud (après le dernier nœud enfant).

Pour créer un nouvel élément avec le contenu du texte, vous devez créer un nouvel élément de nœud d'élément et un nouveau noeud de texte, puis il a ajouté aux nœuds existants.

L'exemple suivant crée un nouvel élément (<édition>), avec le texte suivant: d'abord, puis l'ajouter à la première élément <book>:

Exemples

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

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

Essayez »

Des exemples expliqués

  • Créer une <édition> élément
  • Créer de la valeur "First" noeud de texte
  • Ajoutez le nœud de texte à la nouvelle <édition> élément
  • La <édition> élément est ajouté au premier élément <book>

Retrait des éléments

L'exemple suivant supprime le premier élément <book> du premier noeud:

Exemples

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

Essayez »

NOTE: Les exemples ci - dessus peuvent entraîner en fonction du navigateur et différent.Firefox traite de nouvelles lignes comme nœuds de texte vides, Internet Explorer est pas le cas. Vous pouvez dans notre XML DOM tutoriel à en savoir plus sur ce problème et comment l'éviter.