XML DOM FirstChild Property
Objek Elemen
Contoh
Fragmen kode berikut memuat " books.xml " ke dalam xmlDoc dan mendapatkan simpul anak pertama:
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
myFunction(this);
}
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
//
Check if the first node is an element node
function get_firstchild(n) {
var x = n.firstChild;
while (x.nodeType != 1) {
x = x.nextSibling;
}
return x;
}
function myFunction(xml) {
var x, i, txt, firstNode, xmlDoc;
xmlDoc = xml.responseXML;
x = xmlDoc.documentElement;
txt = "";
firstNode = get_firstchild(x);
for (i = 0; i < firstNode.childNodes.length; i++) {
if (firstNode.childNodes[i].nodeType == 1) {
//Process only element nodes
txt += firstNode.childNodes[i].nodeName +
" = " +
firstNode.childNodes[i].childNodes[0].nodeValue + "<br>";
}
}
document.getElementById("demo").innerHTML
= txt;
}
Output dari kode di atas akan menjadi:
title = Everyday Italian
author = Giada De Laurentiis
year = 2005
price = 30.00
Definisi dan Penggunaan
Properti firstChild mengembalikan simpul anak pertama dari elemen yang dipilih
Jika node yang dipilih tidak memiliki anak, properti ini mengembalikan NULL.
Sintaksis
elementNode.firstChild
Tips dan Catatan
Catatan: Firefox, dan sebagian besar browser lainnya, akan memperlakukan spasi kosong atau baris baru sebagai node teks, sedangkan Internet Explorer tidak. Jadi, dalam contoh di bawah ini, kami memiliki fungsi yang memeriksa jenis simpul dari simpul anak pertama.
Node elemen memiliki nodeType 1, jadi jika node anak pertama bukan node elemen, ia pindah ke node berikutnya, dan memeriksa apakah node ini adalah node elemen. Ini berlanjut sampai simpul anak pertama (yang harus berupa simpul elemen) ditemukan. Dengan cara ini, hasilnya akan benar di semua browser.
Tip: Untuk membaca lebih lanjut tentang perbedaan antara browser, kunjungi bab DOM Browser kami di Tutorial DOM XML kami.
Objek Elemen