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ł.