XML DOM NextSibling Property
Objek Elemen
Contoh
Fragmen kode berikut memuat " books.xml " ke xmlDoc dan mendapatkan simpul saudara berikutnya dari elemen <title> 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 next sibling node is an element node
function
get_nextsibling(n) {
var x = n.nextSibling;
while (x.nodeType != 1) {
x =
x.nextSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName("title")[0];
var y
= get_nextsibling(x);
document.getElementById("demo").innerHTML
= x.nodeName + " = " +
x.childNodes[0].nodeValue +
"<br>Next sibling: " + y.nodeName + " = " +
y.childNodes[0].nodeValue;
}
Output dari kode di atas akan menjadi:
title = Everyday Italian
Next sibling: author = Giada De Laurentiis
Definisi dan Penggunaan
Properti nextSibling mengembalikan simpul saudara berikutnya (simpul berikut di tingkat pohon yang sama) dari elemen yang dipilih
Jika tidak ada simpul seperti itu, properti ini mengembalikan nol.
Sintaksis
elementNode.nextSibling
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 saudara berikutnya.
Node elemen memiliki nodeType 1, jadi jika node saudara berikutnya bukan node elemen, ia pindah ke node berikutnya, dan memeriksa apakah node ini adalah node elemen. Ini berlanjut sampai simpul saudara berikutnya (yang harus menjadi 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.
Demo Coba Sendiri
Objek Elemen