Properti XML DOM childNodes
Objek Elemen
Contoh 1
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan mendapatkan simpul teks dari elemen <title> pertama di "books.xml":
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x =
xmlDoc.getElementsByTagName("title")[0];
var y =
x.childNodes[0];
document.getElementById("demo").innerHTML
=
y.nodeValue;
}
Output dari kode di atas akan menjadi:
Everyday Italian
Definisi dan Penggunaan
Properti childNodes mengembalikan NodeList yang berisi node anak dari node yang dipilih
Jika node yang dipilih tidak memiliki anak, properti ini mengembalikan NodeList yang tidak berisi node.
Sintaksis
elementNode.childNodes
Tips dan Catatan
Tip: Untuk mengulang daftar childNodes, akan lebih efisien menggunakan properti nextSibling daripada secara eksplisit menggunakan daftar childNodes dari objek induk.
Contoh
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan mendapatkan jumlah node anak dari elemen <book> pertama di "books.xml":
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x =
xmlDoc.getElementsByTagName("book")[0].childNodes;
document.getElementById("demo").innerHTML =
x.length;
}
Output dari kode di atas akan menjadi:
9
Di IE9 dan sebelumnya, output dari kode di atas adalah:
4
Firefox, dan sebagian besar browser lainnya, akan memperlakukan spasi kosong atau baris baru sebagai node teks, sedangkan Internet Explorer tidak. Jadi, pada contoh di atas, outputnya akan berbeda.
Untuk membaca lebih lanjut tentang perbedaan antara browser, kunjungi bab DOM Browser kami di Tutorial DOM XML kami.
Objek Elemen