HTML DOM Element cloneNode() विधि

व्याख्या और उपयोग

cloneNode() विधि नोड की प्रतिलिपि बनाती है और उसे वापस देती है।

cloneNode() विधि सभी गुण और उनके मान को क्लोन करती है।

अगर आप उत्तरदायी (उपशाखा) को भी क्लोन करना चाहते हैं, तो deep पारामीटर को इस रूप में सेट करें: true.

वापस जोड़ें

क्लोन किए गए नोड को दस्तावेज़ में वापस जोड़ने के लिए इसे उपयोग करें:

appendChild() विधि

insertBefore() विधि

दूसरे देखें:

adoptNode() विधि

importNode() विधि

createElement() विधि

createTextNode() विधि

इंस्टैंस

उदाहरण 1

<li> एलेमेंट को "myList2" से "myList1" में नक़ल करें:

const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);

क्लोन के पहले:

  • कॉफी
  • चाय
  • पानी
  • दूध

क्लोन के बाद:

  • कॉफी
  • चाय
  • दूध
  • पानी
  • दूध

अपने आप सामने ले आएं

उदाहरण 2

"demo" एलेमेंट को उसके गुण और उत्तरदायी सहित नक़ल करें, और उसे दस्तावेज़ में जोड़ें:

const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);

अपने आप सामने ले आएं

व्याकरण

node.cloneNode(deep)

पारामीटर

पारामीटर वर्णन
deep

वैकल्पिक

  • false - डिफ़ॉल्ट।केवल नोड और उसके गुण को क्लोन करें
  • true - क्लोन नोड, उसके गुण और उत्तरदायी

वापसी मान

प्रकार वर्णन
Node ऑब्जैक्ट क्लोन किए गए नोड

ब्राउज़र सहारा

element.cloneNode() यह DOM Level 1 (1998) विशेषता है।

सभी ब्राउज़र्स पूरी तरह से इसे सहारा देते हैं:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
सहायता 9-11 सहायता सहायता सहायता सहायता