Metoda appendChild() DOM XML

Definicja i użycie

Metoda appendChild() dodaje węzeł po ostatnim podwęźle elementu wskazanego.

Ta metoda zwraca nowy podwęzeł.

Gramatyka:

appendChild(node)
Parametry Opis
node Wymagane. Węzeł do dodania.

przykład

W wszystkich przykładach użyjemy pliku XML books.xml, oraz funkcji JavaScript loadXMLDoc()

Poniższy fragment kodu tworzy i dodaje węzeł do pierwszego elementu <book>, a następnie wyświetla wszystkie podwęzły elementu <book>:

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);
}
//Wyświetl wszystkie tytuły i wydania
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Wydanie: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

Wyjście powyższego kodu:

Everyday Italian - Wydanie: Pierwsze
Harry Potter - Wydanie: Pierwsze
XQuery Kick Start - Wydanie: Pierwsze
Learning XML - Wydanie: Pierwsze

Uwaga:Internet Explorer ignoruje puste węzły tekstowe między węzłami (np. znaki nowej linii), podczas gdy Mozilla nie robi tego. Dlatego w powyższym przykładzie przetwarzamy tylko węzły elementowe (nodeType węzła elementowego wynosi 1).

Dla więcej informacji na temat różnic między przeglądarkami IE a Mozilla, odwiedź tutorial XML DOM na CodeW3C.com Przeglądarka DOM To rozdział.