Derniers tutoriels de développement web
 

XML DOM Ajouter Nodes


Essayez-le vous-même - Exemples

Les exemples ci - dessous utilisent le fichier XML books.xml .

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

Ajouter un nœud avant un nœud enfant spécifié
Cet exemple utilise insertBefore() pour insérer un nœud avant un nœud enfant spécifié.

Ajouter un nouvel attribut
Cet exemple utilise le setAttribute() méthode pour ajouter un nouvel attribut.

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

×

Entête


Ajouter un nœud - appendChild()

Le appendChild() méthode ajoute un nœud enfant à un nœud existant.

Le nouveau nœud est ajouté (appended) en (appended) après que les nœuds enfants existants.

Note: Utilisez insertBefore() si la position du noeud est important.

Ce fragment de code crée un élément (<edition>) , et ajoute après le dernier enfant du premier <book> élément:

Exemple

newEle = xmlDoc.createElement("edition");

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
Essayez - le vous - même »

Exemple expliqué:

  1. Supposons que " books.xml " est chargé dans xmlDoc
  2. Créer un nouveau noeud <edition>
  3. Ajoutez le noeud à la première <book> élément

Ce fragment de code fait la même chose que ci-dessus, mais le nouvel élément est ajouté avec une valeur:

Exemple

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("first");
newEle.appendChild(newText);

xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);
Essayez - le vous - même »

Exemple expliqué:

  1. Supposons que " books.xml " est chargé dans xmlDoc
  2. Créer un nouveau noeud <edition>
  3. Créer un nouveau noeud de texte "first"
  4. Ajoutez le noeud de texte à la <edition> noeud
  5. Ajoutez le <addition> nœud au <book> élément

Insérez un Node - insertBefore()

Le insertBefore() méthode insère un nœud avant un nœud enfant spécifié.

Cette méthode est utile lorsque la position du noeud ajoutée est importante:

Exemple

newNode = xmlDoc.createElement("book");

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

x.insertBefore(newNode,y);
Essayez - le vous - même »

Exemple expliqué:

  1. Supposons que " books.xml " est chargé dans xmlDoc
  2. Créer un nouveau noeud d'élément <book>
  3. Insérez le nouveau nœud en face du dernier <book> nœud d'élément

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

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


Ajouter un nouvel attribut

Le setAttribute() méthode définit la valeur d'un attribut.

Exemple

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","first");
Essayez - le vous - même »

Exemple expliqué:

  1. Supposons que " books.xml " a été chargé dans xmlDoc
  2. Définissez la valeur de l'attribut "edition" à "first" pour la première <book> élément

Il n'y a pas de méthode appelée add Attribute()
Le setAttribute() va créer un nouvel attribut si n'existe pas l'attribut.

Note: Si l'attribut existe déjà, le setAttribute() méthode va écraser la valeur existante.


Ajouter du texte à un nœud de texte - insertData()

Le insertData() méthode insère des données dans un noeud de texte existant.

Le insertData() méthode a deux paramètres:

  • décalage - où commencer caractères d' insertion (starts at zero)
  • string - La chaîne à insérer

Le fragment de code suivant ajoutera "Easy" au noeud de texte du premier <title> élément du XML chargé:

Exemple

xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"Easy ");
Essayez - le vous - même »