XML DOM ယခင် Sibling Property
❮ Element Object
ဥပမာ
အောက်ဖော်ပြပါ ကုဒ်အပိုင်းအစသည် " books.xml " ကို xmlDoc ထဲသို့ တင်ပြီး ပထမ <author> ဒြပ်စင်မှ ယခင် ပေါက်ဖော် နံပါတ်ကို ရယူသည်-
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 previous sibling node is an element node
function
get_previoussibling(n) {
var x = n.previousSibling;
while (x.nodeType != 1) {
x =
x.previousSibling;
}
return x;
}
function myFunction(xml) {
var xmlDoc = xml.responseXML;
var x = xmlDoc.getElementsByTagName("author")[0];
var y
= get_previoussibling(x);
document.getElementById("demo").innerHTML
= x.nodeName + " = " +
x.childNodes[0].nodeValue +
"<br>Previous sibling: " + y.nodeName + " = " +
y.childNodes[0].nodeValue;
}
အထက်ဖော်ပြပါ ကုဒ်၏ အထွက်သည်-
author = Giada De Laurentiis
Previous sibling: title = Everyday Italian
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ယခင်Sibling ပိုင်ဆိုင်မှုသည် ရွေးချယ်ထားသည့်ဒြပ်စင်၏ ယခင်ပေါက်ဖော်ဆုံမှတ် (တူညီသောသစ်ပင်အဆင့်ရှိ ယခင် node) ကို ပြန်ပေးသည်
ထိုသို့သော node မရှိပါက၊ ဤပိုင်ဆိုင်မှုသည် null ဖြစ်သွားသည်။
အထားအသို
elementNode.previousSibling
အကြံပြုချက်များနှင့် မှတ်စုများ
မှတ်ချက်- Firefox နှင့် အခြားဘရောက်ဆာအများစုသည် အလွတ်အဖြူကွက်များ သို့မဟုတ် စာကြောင်းအသစ်များကို စာသား node များအဖြစ် သတ်မှတ်မည်ဖြစ်ပြီး၊ Internet Explorer တွင် ရှိမည်မဟုတ်ပါ။ ထို့ကြောင့်၊ အောက်ဖော်ပြပါ ဥပမာတွင်၊ ယခင် sibling node ၏ node အမျိုးအစားကို စစ်ဆေးသည့် လုပ်ဆောင်ချက်တစ်ခုရှိသည်။
Element node တွင် nodeType သည် 1 ရှိသည်၊ ထို့ကြောင့် ယခင် sibling node သည် element node မဟုတ်ပါက၊ ၎င်းသည် ယခင် node သို့ ရွေ့သွားပြီး ဤ node သည် element node ဖြစ်မဖြစ် စစ်ဆေးပါသည်။ ယခင် sibling node (ဒြပ်စင် Node ဖြစ်ရမည်) ကို ရှာမတွေ့မချင်း ၎င်းသည် ဆက်လက်လုပ်ဆောင်နေပါသည်။ ဤနည်းဖြင့်၊ ရလဒ်သည် browser အားလုံးတွင်မှန်ကန်လိမ့်မည်။
အကြံပြုချက်- ဘရောက်ဆာများကြား ခြားနားချက်များကို ပိုမိုဖတ်ရှုရန်၊ ကျွန်ုပ်တို့၏ XML DOM ကျူတိုရီရယ်ရှိ ကျွန်ုပ်တို့၏ DOM ဘရောက်ဆာများ အခန်းကို ဝင်ရောက်ကြည့်ရှုပါ။
ကိုယ်တိုင်စမ်းသုံးကြည့်ပါ-ဒီမိုများ
❮ Element Object