XML DOM firstChild အခွင့်

အသုံးပြုခြင်း နှင့် အကြောင်းကြားချက်

firstChild သတ်မှတ်ထားသော စာသား ကို သတ်မှတ်ထားသော အသင်းသား အဖြစ် ပြန်လည်ပေးသည်。

အပြောအပြင်

nodeObject.firstChild

မကြားပါ -ဖြူနောင်း နှင့် အချို့သော ဘရပ်သူ သည် မတ်တ်သား သို့မဟုတ် လွှတ်တိုက် ကို စာသားလုံး အဖြစ် ထင်သည်၊ အင်တာနက် အင်တာနက် မှာ မပြောင်းလဲပါ။ ထိုကြောင့် အောက်ပါ အကျိုးများ တွင် ဘွ数လုပ်စည်း တစ်ခု ကို အသုံးပြု ပါသည်။

元素节点的 nodeType 为 1，因此如果第一个子节点不是元素节点，将移动到下一个节点，并检查该节点是否是元素节点。这会一直持续到找到第一个子节点（必须是元素节点）。这样，结果在所有浏览器中都是正确的。

အဆိုပါဘူတာ အကြား ကွဲပြားမှု အကြောင်း ပိုမိုသိရှိရန် ဘာမည်သည့် XML DOM ဖော်ပြချက် အချို့ ကို ကြည့်ရန် အချင်းချင်း ကူးသွားသည်

အကျယ်

အမှတ် 1

အောက်ပါ ကြောင်းရာ သည် "books.xml" ကို xmlDoc အတွင်း ဆောက်လုပ်ပြီး ပထမ အရာဝတ္တု အမည် ကို ပြသသည်:

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 get_firstchild(n) {
    var x = n.firstChild;
    while (x.nodeType != 1) {
        x = x.nextSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    var x = get_firstchild(xmlDoc);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName +
    " (nodetype: " + x.nodeType + ")<br>";
}

亲自试一试

အမှတ် 2

အခွဲ အရာဝတ္တု အကျယ်အဝန်း ရှာဖွေသည်:

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 get_lastchild(n) {
    var x = n.lastChild;
    while (x.nodeType != 1) {
        x = x.previousSibling;
    }
    return x;
}
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    // အခွဲ အရာဝတ္တု အကျယ်အဝန်း အဖြစ် ရှာဖွေသည်
    var x = get_lastchild(xmlDoc);
    // ပင်မ အရာဝတ္တု အကျယ်အဝန်း အဖြစ် ရှာဖွေသည်
    var y = get_lastchild(xmlDoc.documentElement);
    document.getElementById("demo").innerHTML =
    "Nodename: " + x.nodeName + 
    " (nodetype: " + x.nodeType + ")
" +
    "Nodename: " + y.nodeName + 
    " (nodetype: " + y.nodeType + ")
";
}

亲自试一试