Mengubah Nilai Node XML DOM

Atribut nodeValue digunakan untuk mengubah nilai node.

Metode setAttribute() digunakan untuk mengubah nilai atribut.

Contoh

Contoh di bawah ini menggunakan berkas XML books.xml.

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

Mengubah node teks elemen
Contoh ini menggunakan atribut nodeValue untuk mengubah node teks elemen pertama <title> dalam "books.xml".
Melalui penggunaan setAttribute untuk mengubah nilai atribut
Contoh ini menggunakan metode setAttribute() untuk mengubah nilai atribut "category" pertama <book>.
Melalui penggunaan nodeValue untuk mengubah nilai atribut
Contoh ini menggunakan atribut nodeValue untuk mengubah nilai atribut "category" pertama <book>.

Mengubah nilai elemen

Dalam DOM, setiap komponen adalah node. Node elemen tidak memiliki nilai teks.

Teks elemen disimpan di subnode. Node ini disebut node teks.

Metode untuk mengubah teks elemen adalah mengubah nilai subnode (node teks) ini.

Mengubah nilai node teks

Atribut nodeValue dapat digunakan untuk mengubah nilai node teks.

Kode di bawah ini mengubah nilai node teks elemen <title> pertama:

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

Contoh penjelasan:

  • Dengan menggunakan loadXMLDoc() Ubah "books.xml"Muat xmlDoc"
  • Ambil node teks elemen <title> pertama
  • Ubah nilai node teks dari node ini menjadi "Hello World"

TIY

Lengkapkan dan ubah semua node teks elemen <title>:TIY

Mengubah nilai atribut

Dalam DOM, atribut juga adalah node. Berbeda dengan node elemen, node atribut memiliki nilai teks.

Metode untuk mengubah nilai atribut adalah mengubah nilai teksnya.

Dapat diselesaikan dengan menggunakan metode setAttribute() atau atribut nodeValue dari node atribut.

Melalui penggunaan setAttribute() untuk mengubah atribut

Metode setAttribute() menetapkan nilai atribut yang ada, atau membuat atribut baru.

Kode berikut ini mengubah atribut category elemen <book>:

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

Contoh penjelasan:

  • Dengan menggunakan loadXMLDoc() Ubah "books.xml"Muat xmlDoc"
  • Ambil elemen <book> pertama
  • Ubah nilai atribut "category" menjadi "child"

TIY

Mengelilingi semua <title> dan menambahkan atribut baru:TIY

Keterangan:Jika atribut node tidak ada, maka buat atribut baru (dengan nama dan nilai yang ditentukan).

Mengubah atribut dengan menggunakan nodeValue

Atribut nodeValue dapat digunakan untuk mengubah nilai atribut node:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("book")[0]
y=x.getAttributeNode("category");
y.nodeValue="child";

Contoh penjelasan:

  • Dengan menggunakan loadXMLDoc() Ubah "books.xml"Muat xmlDoc"
  • Ambil atribut "category" dari elemen <book> pertama
  • Ubah nilai atribut node ini menjadi "child"

TIY