HTML DOM cloneNode() နည်းလမ်း
ဥပမာ
စာရင်းတစ်ခုမှ အခြားတစ်ခုသို့ <li> အစိတ်အပိုင်းတစ်ခုကို ကူးယူပါ-
// Get the last <li> element ("Milk") of <ul> with id="myList2"
var itm = document.getElementById("myList2").lastChild;
// Copy the <li> element and its child nodes
var cln = itm.cloneNode(true);
// Append the cloned <li> element to <ul> with id="myList1"
document.getElementById("myList1").appendChild(cln);
ပုံတူပွားခြင်းမပြုမီ-
- Coffee
- Tea
- Water
- Milk
ပုံတူပွားပြီးနောက်-
- Coffee
- Tea
- Milk
- Water
- Milk
အောက်တွင် နောက်ထပ် "စမ်းသုံးကြည့်ပါ" ဥပမာများ။
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
cloneNode() နည်းလမ်းသည် node တစ်ခု၏ မိတ္တူကို ဖန်တီးပြီး clone ကို ပြန်ပေးသည်။
cloneNode() method သည် attribute များနှင့် ၎င်းတို့၏တန်ဖိုးများအားလုံးကို clone ပြုလုပ်သည်။
အကြံပြုချက်- စာရွက်စာတမ်းသို့ cloned node ကိုထည့်သွင်း ရန် appendChild () သို့မဟုတ် insertBefore() နည်းလမ်းကို အသုံးပြုပါ။
အကြံပြုချက်- သင်သည် မျိုးဆက်များ (ကလေးများ) အားလုံးကို မွေးထုတ်လိုပါက နက်ရှိုင်းသော ကန့်သတ်ဘောင်တန်ဖိုးကို အမှန်ဟု သတ်မှတ် ပါ။
Browser ပံ့ပိုးမှု
Method | |||||
---|---|---|---|---|---|
cloneNode() | Yes | Yes | Yes | Yes | Yes |
အထားအသို
node.cloneNode(deep)
ကန့်သတ်တန်ဖိုးများ
Parameter | Type | Description |
---|---|---|
deep | Boolean |
Optional. Specifies whether all descendants of the node should be cloned.
|
နည်းပညာဆိုင်ရာအသေးစိတ်
ပြန်ပို့တန်ဖိုး- | Cloned node ကို ကိုယ်စားပြုသော Node object တစ်ခု |
---|---|
DOM ဗားရှင်း | Core Level 1 Node Object |
နောက်ထပ် ဥပမာများ
ဥပမာ
၎င်း၏ရည်ညွှန်းချက်များနှင့် ကလေးဒြပ်စင်များအပါအဝင် <div> ဒြပ်စင်တစ်ခုကို ကူးယူပြီး ၎င်းကို စာရွက်စာတမ်းတွင် ထပ်ထည့်ပါ-
var elmnt = document.getElementsByTagName("DIV")[0];
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
ဆက်စပ်စာမျက်နှာများ
HTML DOM ရည်ညွှန်းချက်- document.adoptNode() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- document.importNode() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- document.createElement() နည်းလမ်း
HTML DOM ရည်ညွှန်းချက်- document.createTextNode() နည်းလမ်း