HTML DOM removeChild() နည်းလမ်း
ဥပမာ
ပထမ <li> ဒြပ်စင်ကို စာရင်းတစ်ခုမှ ဖယ်ရှားပါ-
var list = document.getElementById("myList"); // Get the <ul> element with id="myList"
list.removeChild(list.childNodes[0]); // Remove <ul>'s first child node (index 0)
မဖယ်ရှားမီ-
- ကော်ဖီ
- လက်ဖက်ရည်
- နို့
ဖယ်ရှားပြီးနောက်-
- လက်ဖက်ရည်
- နို့
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
removeChild() နည်းလမ်းသည် သတ်မှတ်ထားသော ဒြပ်စင်၏ သတ်မှတ်ထားသော ကလေး node ကို ဖယ်ရှားသည်။
ဖယ်ရှားလိုက်သော node ကို Node အရာဝတ္ထုအဖြစ် ပြန်ပေးသည်၊ သို့မဟုတ် node မရှိလျှင် null ပြန်ပေးသည်။
မှတ်ချက်- ဖယ်ရှားလိုက်သော ကလေး node သည် DOM ၏ မပါဝင်တော့ပါ။ သို့သော်၊ ဤနည်းလမ်းဖြင့် ပြန်ပေးထားသော ကိုးကားချက်ဖြင့်၊ ဖယ်ရှားလိုက်သော ကလေးအား နောက်ပိုင်းတွင် ဒြပ်စင်တစ်ခုသို့ ထည့်သွင်းနိုင်သည် ("နောက်ထပ် ဥပမာများကို ကြည့်ပါ")။
အကြံပြုချက်- ဖယ်ရှားလိုက်သော node အား တူညီသောစာရွက်စာတမ်းတွင် ထည့်သွင်းရန် appendChild () သို့မဟုတ် insertBefore() နည်းလမ်းကို အသုံးပြုပါ။ ၎င်းကို အခြားစာရွက်စာတမ်းသို့ ထည့်သွင်းရန် document.adoptNode() သို့မဟုတ် document.importNode() နည်းလမ်းကို အသုံးပြုပါ။
Browser ပံ့ပိုးမှု
Method | |||||
---|---|---|---|---|---|
removeChild() | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.removeChild(node)
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
node | Node object | Required. The node object you want to remove |
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Node အရာဝတ္ထုတစ်ခု၊ ဖယ်ရှားလိုက်သော node ကိုကိုယ်စားပြုသည် သို့မဟုတ် node မရှိပါက null |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
စာရင်းတစ်ခုတွင် ကလေးဆုံမှတ်များ ရှိမရှိ ရှာဖွေပါ။ သို့ဆိုလျှင်၊ ၎င်း၏ ပထမကလေး နံပါတ် (အညွှန်းကိန်း 0) ကို ဖယ်ရှားပါ။
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// If the <ul> element has any child nodes, remove its first child node
if (list.hasChildNodes()) {
list.removeChild(list.childNodes[0]);
}
မဖယ်ရှားမီ-
- Coffee
- Tea
- Milk
ဖယ်ရှားပြီးနောက်-
- Tea
- Milk
ဥပမာ
စာရင်းတစ်ခု၏ ကလေးဆုံမှတ်အားလုံးကို ဖယ်ရှားပါ-
// Get the <ul> element with id="myList"
var list = document.getElementById("myList");
// As long as <ul> has a child node, remove it
while (list.hasChildNodes()) {
list.removeChild(list.firstChild);
}
မဖယ်ရှားမီ-
- Coffee
- Tea
- Milk
ဖယ်ရှားပြီးနောက်-
ဥပမာ
၎င်း၏ပင်မဒြပ်စင်မှ id="myLI" ပါသော <li> ဒြပ်စင်ကို ဖယ်ရှားပါ (၎င်း၏ပင်မနိတ်ကို မသတ်မှတ်ဘဲ)။
var item = document.getElementById("myLI");
item.parentNode.removeChild(item);
မဖယ်ရှားမီ-
- Coffee
- Tea
- Milk
ဖယ်ရှားပြီးနောက်-
- Coffee
- Milk
ဥပမာ
၎င်း၏မိဘမှ <li> အစိတ်အပိုင်းတစ်ခုကို ဖယ်ရှားပြီး ၎င်းကို ထပ်မံထည့်သွင်းပါ-
var item = document.getElementById("myLI");
function removeLi() {
item.parentNode.removeChild(item);
}
function appendLi() {
var list = document.getElementById("myList");
list.appendChild(item);
}
ဥပမာ
၎င်း၏ပင်မမှ <span> ဒြပ်စင်ကို ဖယ်ရှားပြီး အခြားစာရွက်စာတမ်းရှိ <h1> ဒြပ်စင်သို့ ထည့်သွင်းပါ-
var child = document.getElementById("mySpan");
function removeLi() {
child.parentNode.removeChild(child);
}
function myFunction() {
var frame = document.getElementsByTagName("IFRAME")[0]
var h = frame.contentWindow.document.getElementsByTagName("H1")[0];
var x = document.adoptNode(child);
h.appendChild(x);
}