XML DOM appendChild() yöntemi

tanım ve kullanım

appendChild() yöntemi, belirtilen element düğümünün son alt düğümünün ardından düğüm ekler.

Bu yöntem, yeni bir alt düğüm döner.

语法:

appendChild(node)
parametre tanım
node eklenmesi gereken gerekli düğüm

örnek

Tüm örneklerde, XML dosyasını kullanacağız books.xmlve JavaScript fonksiyonu loadXMLDoc()

Aşağıdaki kod parçası, ilk <book> elementine bir düğüm ekler ve ardından ilk <book> elementinin tüm alt düğümlerini çıktıya alır:

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);
}
//Tüm başlıklar ve basımları çıktıya al
y=xmlDoc.getElementsByTagName("title");
z=xmlDoc.getElementsByTagName("edition");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write(" - Edition: ");
document.write(z[i].childNodes[0].nodeValue);
document.write("<br />");
}

Yukarıdaki kodun çıktısı:

Everyday Italian - Edition: First
Harry Potter - Edition: First
XQuery Kick Start - Edition: First
Learning XML - Edition: First

Not:Internet Explorer, boş metin düğümlerini (örneğin, satır boşlukları) göz ardı ederken, Mozilla bunu yapmaz. Bu nedenle, yukarıdaki örnekte, sadece element düğümleri (element düğümlerinin nodeType'ı 1'e eşittir) işlenir.

IE ile Mozilla tarayıcıları arasındaki farklar hakkında daha fazla bilgi için, CodeW3C.com'un XML DOM eğitimine DOM tarayıcı Bu bölüm.