Latest web development tutorials

DOM XML - ajouter des nœuds

Exemples

Essayez - Exemple

L'exemple suivant utilise des fichiers XML du Books.xml .
Fonction loadXMLDoc () , dans un JavaScript externe est utilisé pour charger le fichier XML.

Après le dernier noeud enfant à ajouter un noeud
Cet exemple utilise appendChild () ajoute un nœud enfant à un nœud existant.

Avant nœud enfant spécifié pour ajouter un noeud
Cet exemple utilise la méthode insertBefore () avant un noeud enfant spécifié dans un nœud.

Ajout d' une nouvelle propriété
Cet exemple utilise la méthode setAttribute () pour ajouter une nouvelle propriété.

Ajouter des données à un noeud de texte
Cet exemple utilise insertData () insérer des données dans un noeud de texte existant.


Ajouter un nœud - appendChild ()

appendChild () ajoute un nœud enfant à un nœud existant.

Le nouveau nœud est ajouté (en annexe) à un nœud existant de l'enfant après.

Remarque: Si laposition du noeud est très important, s'il vous plaît utiliser la méthode insertBefore ().

Le fragment de code suivant crée un élément (<édition>), et l'ajouter après le dernier noeud du premier élément <book> enfant:

Exemples

xmlDoc=loadXMLDoc("books.xml");

newel=xmlDoc.createElement("edition");

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

Essayez »

Exemples expliquent:

  1. Utilisez loadXMLDoc () à « l'Books.xml » dans xmlDoc
  2. Créer un nouveau noeud <édition>
  3. Ajoutez le noeud vers le premier élément <book>

Traversal à tous élément <book> append un élément: essayer


Insérer nœud - insertBefore ()

méthode insertBefore () est utilisée avant le nœud enfant spécifié dans le nœud.

La situation est très important d'ajouter un noeud, cette méthode est utile:

Exemples

xmlDoc=loadXMLDoc("books.xml");

newNode=xmlDoc.createElement("book");

x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];

x.insertBefore(newNode,y);

Essayez »

Exemples expliquent:

  1. Utilisez loadXMLDoc () à « l'Books.xml » dans xmlDoc
  2. Crée un nouveau noeud d'élément <book>
  3. Le nouveau nœud est inséré avant le dernier <book> nœud d'élément

Si insertBefore () Le deuxième paramètre est nul, le nouveau nœud sera ajouté après le dernier nœud enfant existant.

x.insertBefore (newNode, null) et x.appendChild (newNode)peuvent ajouter un nouveau nœud enfant à x.


Ajouter un nouvel attribut

addAtribute () Cette méthode n'existe pas.

Si la propriété n'existe pas, le setAttribute () pour créer une nouvelle propriété:

Exemples

xmlDoc=loadXMLDoc("books.xml");

x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

Essayez »

Exemples expliquent:

  1. Utilisez loadXMLDoc () à « l'Books.xml » dans xmlDoc
  2. La "édition" valeur de l'attribut est défini sur le premier élément <book> (créé) pour la "première"

Remarque: Si lapropriété existe déjà, la méthode setAttribute () va écraser la valeur existante.


Ajout d'un texte de nœud de texte - insertData ()

méthode insertData () pour insérer des données dans un noeud de texte existant.

méthode insertData () prend deux arguments:

  • décalage - où commencer l'insertion de caractères (commençant par 0)
  • string - la chaîne à insérer

Le fragment de code suivant sera "Easy" ajouté à XML chargé en premier élément <title> du nœud de texte:

Exemples

xmlDoc=loadXMLDoc("books.xml");

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

x.insertData(0,"Easy ");

Essayez »