HTML DOM အစားထိုးChild() နည်းလမ်း
ဥပမာ
စာရင်းတစ်ခုရှိ <li> ဒြပ်စင်တစ်ခုရှိ စာသား node တစ်ခုကို စာသား node အသစ်တစ်ခုဖြင့် အစားထိုးပါ-
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Get the first child node of an <ul> element
var item = document.getElementById("myList").childNodes[0];
// Replace the first child node of <ul> with the newly created text node
item.replaceChild(textnode, item.childNodes[0]);
// Note: This example replaces only the Text node "Coffee" with a Text node "Water"
အစားထိုးခြင်းမပြုမီ-
- Coffee
- Tea
- Milk
အစားထိုးပြီးနောက်-
- Water
- Tea
- Milk
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
replaceChild() နည်းလမ်းသည် ကလေး node တစ်ခုကို node အသစ်တစ်ခုဖြင့် အစားထိုးသည်။
node အသစ်သည် document ရှိ ရှိပြီးသား node ဖြစ်နိုင်သည်၊ သို့မဟုတ် node အသစ်တစ်ခု ဖန်တီးနိုင်သည်။
အကြံပြုချက်- ဒြပ်စင်တစ်ခုမှ ကလေး node တစ်ခုကို ဖယ်ရှားရန် removeChild() နည်းလမ်းကို အသုံးပြု ပါ။
Browser ပံ့ပိုးမှု
Method | |||||
---|---|---|---|---|---|
replaceChild() | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.replaceChild(newnode, oldnode)
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
newnode | Node object | Required. The node object you want to insert |
oldnode | Node object | Required. The node object you want to remove |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Node object တစ်ခု၊ အစားထိုး node ကို ကိုယ်စားပြုသည်။ |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
စာရင်းတစ်ခုရှိ <li> ဒြပ်စင်တစ်ခုကို <li> ဒြပ်စင်အသစ်ဖြင့် အစားထိုးပါ-
// Create a new <li> element
var elmnt = document.createElement("li");
// Create a new text node called "Water"
var textnode = document.createTextNode("Water");
// Append the text node to <li>
elmnt.appendChild(textnode);
// Get the <ul> element with id="myList"
var item = document.getElementById("myList");
// Replace the first child node (<li> with index 0) in <ul> with the newly created <li> element
item.replaceChild(elmnt, item.childNodes[0]);
// Note: This example replaces the entire <li> element
မဖယ်ရှားမီ-
- Coffee
- Tea
- Milk
ဖယ်ရှားပြီးနောက်-
- Water
- Tea
- Milk