Menambahkan Node XML DOM

Contoh

Contoh di bawah ini menggunakan berkas XML books.xml.

Fungsi loadXMLDoc()Dimana berada di JavaScript eksternal, digunakan untuk memuat berkas XML.

tambahkan node setelah anak terakhir
contoh ini menggunakan metode appendChild() untuk menambahkan anak ke node yang ada.
tambahkan node sebelum node anak yang ditentukan
contoh ini menggunakan metode insertBefore() untuk menambahkan node sebelum node anak yang ditentukan.
tambahkan atribut baru
contoh ini menggunakan metode setAttribute() untuk menambahkan atribut baru.
tambahkan data ke node teks
contoh ini menggunakan insertData() untuk memasukkan data ke dalam node teks yang ada.

menambahkan node - appendChild()

metode appendChild() menambahkan anak ke node yang ada.

node baru akan ditambahkan (dittambahkan) setelah setiap anak yang ada.

Keterangan:gunakan metode insertBefore() jika posisi node penting.

bagian kode di bawah ini membuat elemen (<edition>) dan menambahkannya ke belakang anak terakhir elemen <book> pertama:

xmlDoc=loadXMLDoc("books.xml");
newel=xmlDoc.createElement("edition");
x=xmlDoc.getElementsByTagName("book")[0];
x.appendChild(newel);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Atur "books.xmldalam xmlDoc
  2. buat sebuah node baru <edition>
  3. tambahkan node ini ke elemen <book> pertama

TIY

lakukan perulangan dan tambahkan elemen ke semua elemen <book>:TIY

menambahkan node - insertBefore()

metode insertBefore() digunakan untuk menambahkan node sebelum node anak yang ditentukan.

metode ini sangat berguna ketika posisi node yang ditambahkan penting.

xmlDoc=loadXMLDoc("books.xml");
newNode=xmlDoc.createElement("book");
x=xmlDoc.documentElement;
y=xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Atur "books.xmldalam xmlDoc
  2. buat sebuah elemen node baru <book>
  3. masukkan node ini sebelum elemen node <book> terakhir

TIY

jika parameter kedua insertBefore() adalah null, node baru akan ditambahkan setelah anak terakhir yang ada.

x.insertBefore(newNode,null) dan x.appendChild(newNode) semua dapat menambahkan sebuah anak baru ke x.

Tambahkan atribut baru

metode addAtribute() ini tidak ada.

Jika atribut tidak ada, setAttribute() dapat membuat atribut baru:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName('book');
x[0].setAttribute("edition","first");

Contoh penjelasan:

  1. Dengan menggunakan loadXMLDoc() Atur "books.xmldalam xmlDoc
  2. Atur nilai atribut "edition" elemen <book> pertama (buat) "first"

TIY

Keterangan:Jika atribut sudah ada, metode setAttribute() akan menimpa nilai yang ada.

Menambahkan teks ke node teks - insertData()

Metode insertData() akan memasukkan data ke dalam node teks yang sudah ada.

Metode insertData() memiliki 2 parameter:

  • offset - dimana mulai memasukkan karakter (dari 0)
  • string - string yang akan disisipkan

Kode potongan di bawah ini akan menambahkan "Easy" ke node teks pertama <title> XML yang sudah di muat:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].childNodes[0];
x.insertData(0,"Hello ");

TIY