HTML डोम क्लोननोड () विधि
उदाहरण
एक <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
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
क्लोन नोड () विधि एक नोड की एक प्रति बनाता है, और क्लोन लौटाता है।
क्लोनोड () विधि सभी विशेषताओं और उनके मूल्यों को क्लोन करती है।
युक्ति: दस्तावेज़ में क्लोन किए गए नोड को सम्मिलित करने के लिए एपेंड चाइल्ड ( ) या इन्सर्ट बिफोर () विधि का उपयोग करें ।
युक्ति: यदि आप सभी वंशजों (बच्चों) को क्लोन करना चाहते हैं, तो डीप पैरामीटर मान को सही पर सेट करें , अन्यथा गलत।
ब्राउज़र समर्थन
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.
|
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | एक नोड ऑब्जेक्ट, क्लोन किए गए नोड का प्रतिनिधित्व करता है |
---|---|
डोम संस्करण | कोर स्तर 1 नोड वस्तु |
और ज्यादा उदाहरण
उदाहरण
एक <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 () विधि