Méthode appendChild() XML DOM

Définition et utilisation

La méthode appendChild() ajoute un noeud après le dernier noeud enfant d'un élément spécifié.

Cette méthode retourne le noeud enfant nouveau.

Syntaxe :

appendChild(node)
Paramètres Description
node Nécessaire. Le noeud à ajouter.

Exemple

Dans tous les exemples, nous utiliserons le fichier XML books.xmlet la fonction JavaScript loadXMLDoc()

Le code fragment suivant crée et ajoute un noeud à l'élément <book> premier, puis affiche tous les noeuds enfants de l'élément <book> premier :

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
var newel,newtext;
for (i=0;i<x.length;i++)
{
newel=xmlDoc.createElement('edition');
newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
x[i].appendChild(newel);
}
//Afficher tous les titres et éditions
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Édition : ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

Sortie du code ci-dessus :

Everyday Italian - Édition : Première
Harry Potter - Édition : Première
XQuery Kick Start - Édition : Première
Learning XML - Édition : Première

Remarque :Internet Explorer ignore les noeuds de texte blanc générés entre les noeuds (comme les caractères d'entée de ligne), tandis que Mozilla ne le fait pas. Par conséquent, dans l'exemple ci-dessus, nous traitons uniquement les noeuds d'élément (le nodeType des noeuds d'élément est égal à 1).

Pour plus d'informations sur les différences entre IE et les navigateurs Mozilla, veuillez consulter le tutoriel XML DOM sur CodeW3C.com Navigateur DOM Cette section.