tutorial pengembangan web terbaru
 

XML DOM Node Daftar

❮ Sebelumnya Berikutnya Bab ❯

Sebuah daftar node dikembalikan oleh getElementsByTagName() metode dan properti childNodes.

Coba Sendiri - Contoh

Contoh di bawah ini menggunakan file XML books.xml .

Dapatkan teks dari pertama <title> elemen
Contoh ini menggunakan getElementsByTagName() metode untuk mendapatkan teks dari pertama <title> elemen dalam "books.xml" .

Loop melalui node menggunakan properti panjang
Contoh ini menggunakan daftar node dan properti panjang untuk loop melalui semua <title> elemen dalam "books.xml"

Ambil atribut elemen
Contoh ini menggunakan daftar atribut untuk mendapatkan atribut dari pertama <book> elemen dalam "books.xml" .

×

Header

DOM Node Daftar

Bila menggunakan properti atau metode seperti childNodes atau getElementsByTagName() , benda daftar node dikembalikan.

Sebuah benda daftar node mewakili daftar node, dalam urutan yang sama seperti pada XML.

Node dalam daftar node diakses dengan nomor indeks dimulai dari 0.

Gambar berikut merupakan daftar node dari <title> elemen dalam " books.xml ":

daftar node DOM

Misalkan "books.xml" dimuat ke dalam xmlDoc variabel.

Fragmen kode ini mengembalikan daftar simpul elemen judul dalam "books.xml" :

x = xmlDoc.getElementsByTagName("title");

Setelah eksekusi pernyataan di atas, x adalah objek daftar node.

Fragmen kode berikut mengembalikan teks dari pertama <title> elemen dalam daftar node (x) :

Contoh

var txt = x[0].childNodes[0].nodeValue;
Cobalah sendiri "

Setelah eksekusi pernyataan di atas, txt = "Everyday Italian" .

Daftar Node Panjang

Sebuah benda daftar node terus sendiri up-to-date. Jika unsur dihapus atau ditambahkan, daftar diperbarui secara otomatis.

Properti panjang dari daftar node adalah jumlah node dalam daftar.

Fragmen kode ini mengembalikan jumlah <title> elemen dalam "books.xml" :

x = xmlDoc.getElementsByTagName('title').length;

Setelah eksekusi pernyataan di atas, nilai x akan 4.

Panjang daftar node dapat digunakan untuk loop melalui semua elemen dalam daftar.

Fragmen kode ini menggunakan properti panjang untuk loop melalui daftar <title> elemen:

Contoh

x = xmlDoc.getElementsByTagName('title');
xLen = x.length;

for (i = 0; i <xLen; i++) {
    txt += x[i].childNodes[0].nodeValue) + " ";
}

Keluaran:

Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Mengatur variabel x untuk mengadakan daftar node dari semua elemen judul
  3. Mengumpulkan nilai simpul teks dari <title> elemen

DOM Atribut Daftar (Named Node Map)

Atribut milik node elemen mengembalikan daftar node atribut.

Ini disebut bernama peta node, dan mirip dengan daftar node, kecuali untuk beberapa perbedaan dalam metode dan properti.

Sebuah daftar atribut terus sendiri up-to-date. Jika atribut dihapus atau ditambahkan, daftar diperbarui secara otomatis.

Fragmen kode ini mengembalikan daftar node atribut dari pertama <book> elemen dalam "books.xml" :

x = xmlDoc.getElementsByTagName('book')[0].attributes;

Setelah eksekusi kode di atas, x.length = adalah jumlah atribut dan x.getNamedItem() dapat digunakan untuk mengembalikan node atribut.

Fragmen kode ini mendapat nilai "category" atribut, dan jumlah atribut, dari buku:

Contoh

x = xmlDoc.getElementsByTagName("book")[0].attributes;

txt = x.getNamedItem("category").nodeValue + " " + x.length;

Keluaran:

cooking 1
Cobalah sendiri "

Contoh menjelaskan:

  1. Misalkan " books.xml " dimuat ke xmlDoc
  2. Mengatur variabel x untuk mengadakan daftar semua atribut yang pertama <book> elemen
  3. Dapatkan nilai "category" atribut dan panjang daftar atribut

❮ Sebelumnya Berikutnya Bab ❯