Metode XML DOM appendChild()
Definisi dan penggunaan
Metode appendChild() dapat menambahkan node anak baru ke daftar node anak.
Metode ini dapat mengembalikan node anak baru.
Syarat:
appendChild(newchild)
| Parameter | Deskripsi |
|---|---|
| newchild | Node yang ditambahkan |
Nilai kembalian
Node yang disisipkan.
Deskripsi
Metode ini akan menambahkan node newchild ke dokumen, menjadikannya anak node terakhir dari node saat ini.
Jika newchild sudah ada di pohon dokumen, ia akan dihapus dari pohon dokumen, lalu diinsert kembali ke posisi baru. Jika newchild adalah node DocumentFragment, ia tidak akan diinsert langsung, tetapi anak-anaknya akan diinsert urut ke akhir daftar childNodes[] node saat ini.
Perhatikan, node dari suatu dokumen (atau node yang dibuat oleh suatu dokumen) tidak dapat disisipkan ke dokumen lain. Artinya, atribut ownerDocument newchild harus sama dengan atribut ownerDocument node saat ini.
Contoh
Fungsi berikut ini akan menambahkan paragraf baru di akhir dokumen:
function appendMessage (message) {
var pElement = document.createElement("p");
var messageNode = document.createTextNode(message);
pElement.appendChild(messageNode);
document.body.appendChild(pElement);
}
Contoh
Dalam semua contoh, kita akan menggunakan berkas XML books.xmldan fungsi JavaScript loadXMLDoc()。
Kode berikut ini dapat membuat dan menambahkan sebuah node ke elemen pertama <book>, lalu menampilkan semua node anak elemen pertama <book>:
xmlDoc=loadXMLDoc("books.xml");
var newel=xmlDoc.createElement('edition');
var newtext=xmlDoc.createTextNode('First');
newel.appendChild(newtext);
var x=xmlDoc.getElementsByTagName('book')[0];
x.appendChild(newel);;
var y=x.childNodes;
for (var i=0;i<y.length;i++)
{
//Display only element nodes
if (y[i].nodeType==1)
{
document.write(y[i].nodeName);
document.write("<br />");
}
}
Output:
judul pengarang tahun harga edition
Keterangan:Internet Explorer akan mengabaikan node teks kosong yang dihasilkan antara node (seperti tanda paragraf), sedangkan Mozilla tidak melakukan hal ini. Oleh karena itu, di contoh di bawah ini, kami hanya mengolah node elemen (nodeType=1).
Petunjuk:Untuk informasi lebih lanjut tentang perbedaan DOM XML antara Internet Explorer dan peramban Mozilla, kunjungi Peramban DOM Bab.
