XML DOM replaceChild() စာမျက်နှာသုံး

အသုံးပြုခြင်း နှင့် အပြုအရေး

replaceChild() စာမျက်နှာသုံး အပိုင်းအခွဲများကို အခြေခံ အုပ်စုတွင် ထိန်းချိန်းခြင်းခံရသည်။

အခြေခံ အုပ်စုတွင် ရှိသော အပိုင်းအခွဲများ သို့မဟုတ် အခြေခံ အုပ်စုတွင် ဖန်တီးသော အပိုင်းအခွဲများ ဖြစ်နိုင်သည်။

အကြောင်းကြားချက်:ပြောင်းလဲပြီးပြီးခဲ့သည့် အပိုင်းအခွဲများကို နောက်ပိုင်းတွင် အခြေခံ အုပ်စုတွင် ရှိသော အရာဝတ္တုတွင် ထိန်းချိန်းခြင်းခံရသည်။ insertBefore() သို့မဟုတ် appendChild() စာမျက်နှာသုံး စာမျက်နှာတစ်ခုတွင် ထိန်းချိန်းခြင်းခံရသည်။ သို့မဟုတ် adoptNode() သို့မဟုတ် importNode() စာမျက်နှာသုံး အခြေခံ အုပ်စုတွင် ထိန်းချိန်းခြင်းခံရသည်။

အပေါ်အခြေခြင်း

nodeObject.replaceChild(newchild,oldchild)

သဘောရ

သဘောရ ဖော်ပြ
newchild လိုအပ်သည်။ Node အပိုင်းအခွဲ။ အပိုင်းအခွဲများတွင် ထို့နောက် ထိန်းချိန်းခြင်းခံရသည်။
oldchild လိုအပ်သည်။ Node အပိုင်းအခွဲ။ သက်သေးသည့်အပိုင်းအခွဲများတွင် ပြောင်းလဲပြီးပြီးခဲ့သည်။

နည်းပါးထွောင်း

DOM ပုံစံများ: အခြေခံ အုပ်စု 1 ကဏ္ဍ အပိုင်းအခွဲအား ပြင်ဆင်ပြီးပြီးခဲ့သည်။ DOM အုပ်စု 3 တွင် ပြင်ဆင်ပြီးပြီးခဲ့သည်။
ပြန်လည်သတင်းပေးခြင်း: Node အားကစား အား သိမ်းပါ

အမှတ်

အောက်ပါ ကြောင်းအား "books.xml" ကို xmlDoc ထဲသို့ ဆက်သွင်းပြီး ပထမ <book> အသုံးပြုပါ

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 x, y, z, i, newNode, newTitle, newText, xmlDoc, txt;
    xmlDoc = xml.responseXML;
    txt = "";
    x = xmlDoc.documentElement;
    // ဘွတ်ခုံး အသုံးပြုပြီး တွဲခုံး အသုံးပြုပြီး ဘွတ်ခုံး အသုံးပြုပါ
    newNode = xmlDoc.createElement("book");
    newTitle = xmlDoc.createElement("title");
    newText = xmlDoc.createTextNode("Hello World");
    // အသုံးပြုပြီး ဘွတ်ခုံး ကို ထိန်းချုပ်ပါ
    newTitle.appendChild(newText);
    // တွဲခုံး အသုံးပြုပြီး ဘွတ်ခုံး ကို ထိန်းချုပ်ပါ
    newNode.appendChild(newTitle);
    y = xmlDoc.getElementsByTagName("book")[0];
    // အသစ် ဘွတ်ခုံး အသုံးပြုပြီး ပထမ ဘွတ်ခုံး ကို သိမ်းပါ
    x.replaceChild(newNode, y);
    z = xmlDoc.getElementsByTagName("title");
    // အားလုံး တွဲခုံး ကို ပြောဆိုပါ
    for (i = 0; i < z.length; i++) {
        txt += z[i].childNodes[0].nodeValue + "<br>";
    }
    document.getElementById("demo").innerHTML = txt;
}

ကိုယ်တိုင် စမ်းသပ်ပါ

ဘရူးဂဲလ် ထောက်ပံ့

ချိန်း အင်္ဂါ ဖီလျတ် ဆိုက် အိုပရာ
ချိန်း အင်္ဂါ ဖီလျတ် ဆိုက် အိုပရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့

အခြား အသုံးပြုခြင်း replaceChild() နည်းလမ်း