HTML DOM ဒြပ်စင် နောက်ဆက်တွဲChild()
ဥပမာများ
စာရင်းတစ်ခုတွင် အကြောင်းအရာတစ်ခုကို ပေါင်းထည့်ပါ-
const node = document.createElement("LI");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
- Coffee
- Tea
- Coffee
- Tea
- Water
စာရင်းတစ်ခုမှ အခြားတစ်ခုကို ရွှေ့ပါ-
const node = document.getElementById("myList2").lastChild;
document.getElementById("myList1").appendChild(node);
- Coffee
- Tea
- Water
- Milk
- Coffee
- Tea
- Milk
- Water
အောက်တွင် နောက်ထပ် ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
နည်းလမ်း သည် appendChild()
node တစ်ခု၏ နောက်ဆုံးကလေးအဖြစ် node ကို ပေါင်းထည့်သည်။
အကြံပြုချက်- စာပိုဒ်အသစ်ကို စာသားဖြင့် ဖန်တီးလိုပါက၊ စာပိုဒ်တွင် သင်ထည့်သည့် စာသား node တစ်ခုအနေဖြင့် ဖန်တီးရန် မမေ့ပါနှင့်၊ ထို့နောက် စာပိုဒ်ကို စာရွက်စာတမ်းတွင် ပေါင်းထည့်ပါ။
ဒြပ်စင်တစ်ခုကို ဒြပ်စင်တစ်ခုမှ အခြားတစ်ခုသို့ ရွှေ့ရန် ဤနည်းလမ်းကို သင်အသုံးပြုနိုင်သည်။ ("နောက်ထပ် ဥပမာများကို ကြည့်ပါ")။
အထားအသို
node.appendChild(node)
ကန့်သတ်ချက်များ
Parameter | Description |
node | Required. The node to append. |
တန်ဖိုးကို ပြန်ပေးသည်။
ရိုက်ပါ။ | ဖော်ပြချက် |
Node | appended node |
နောက်ထပ် ဥပမာများ
<p> ဒြပ်စင်တစ်ခုဖန်တီးပြီး ၎င်းကို <div> ဒြပ်စင်တစ်ခုတွင် ပေါင်းထည့်ပါ-
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
<p> ဒြပ်စင်တစ်ခုကို ဖန်တီးပြီး ၎င်းကို စာရွက်စာတမ်း၏ ကိုယ်ထည်တွင် ထပ်ထည့်ပါ-
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
ဆက်စပ်ဒြပ်စင်နည်းလမ်းများ-
Element removeChild() နည်းလမ်း
Element သည်Child() Method ကို အစားထိုးသည်။
Element hasChildNodes() Method
ဆက်စပ်စာရွက်စာတမ်းနည်းလမ်းများ-
Document createElement() နည်းလမ်း
Browser ပံ့ပိုးမှု
element.appendChild()
DOM Level 1 (1998) အင်္ဂါရပ်တစ်ခုဖြစ်သည်။
ဘရောက်ဆာအားလုံးတွင် ၎င်းကို အပြည့်အဝထောက်ခံသည်-
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |