Mengambil Nilai Node XML DOM

Atribut nodeValue digunakan untuk mengambil nilai teks node.

Metode getAttribute() mengembalikan nilai atribut.

Contoh

Contoh di bawah ini menggunakan berkas XML books.xml.

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

Mengambil nilai elemen
Contoh ini menggunakan getElementsByTagname() untuk mengambil elemen <title> pertama dalam "books.xml".
Mengambil nilai atribut
Contoh ini menggunakan metode getAttribute() untuk mengambil nilai atribut "lang" dari elemen <title> pertama dalam "books.xml".

Mengambil nilai elemen

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

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

Metode untuk mengambil teks elemen adalah mengambil nilai anak node ini (node teks).

Mengambil nilai elemen

Metode getElementsByTagName() mengembalikan daftar node elemen yang memiliki nama tag spesifik, di mana urutan elemen adalah urutan mereka muncul dalam dokumen sumber.

Berikut adalah kode yang menggunakan loadXMLDoc() Tetapkan "books.xml" Memuat xmlDoc dan mencari elemen <title> pertama:

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

Atribut childNodes mengembalikan daftar node anak.<title> Elemen hanya memiliki satu node anak, yaitu node teks.

Berikut adalah kode untuk mencari node teks elemen <title>:

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];

Atribut nodeValue mengembalikan nilai teks node teks:

x = xmlDoc.getElementsByTagName("title")[0];
y = x.childNodes[0];
txt = y.nodeValue;

Hasil: txt = "Harry Potter"

TIY

Lacak semua elemen <title>:TIY

Mengambil nilai atribut

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

Metode untuk mengambil nilai atribut adalah mengambil nilai teksnya.

Tugas ini dapat diselesaikan dengan menggunakan metode getAttribute() atau atribut nodeValue properti.

Mengambil nilai atribut - getAttribute()

Metode getAttribute() mengembalikan nilai atribut.

Berikut adalah kode untuk mencari nilai teks atribut "lang" dari elemen <title> pertama:

xmlDoc=loadXMLDoc("books.xml");
txt=xmlDoc.getElementsByTagName("title")[0].getAttribute("lang");

Hasil: txt = "en"

Pengertian Contoh:

  • Dengan menggunakan loadXMLDoc() Tetapkan "books.xmlDitambahkan ke xmlDoc
  • Tetapkan variabel txt menjadi nilai atribut "lang" dari elemen <title> pertama

TIY

Luncurkan semua elemen <book> dan dapatkan atribut "category" mereka:TIY

Dapatkan nilai atribut - getAttributeNode()

Metode getAttributeNode() mengembalikan node atribut.

Berikut adalah kode yang mencari nilai teks atribut "lang" dari elemen <title> pertama:

xmlDoc=loadXMLDoc("books.xml");
x=xmlDoc.getElementsByTagName("title")[0].getAttributeNode("lang");
txt=x.nodeValue;

Hasil: txt = "en"

Pengertian Contoh:

  • Dengan menggunakan loadXMLDoc() Tetapkan "books.xmlDitambahkan ke xmlDoc
  • Dapatkan atribut node "lang" dari elemen <title> pertama
  • Tetapkan variabel txt menjadi nilai atribut

TIY

Luncurkan semua elemen <book> dan dapatkan atribut "category" mereka:TIY