HTML DOM Element cloneNode() పద్ధతి

నిర్వచనం మరియు ఉపయోగం

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

డొక్యుమెంట్ డిఎమ్ ఎ ఎల్ ఐ డి డీ ఎమ్ ఒ క్లోన్ చేసి, దాని గుణాలు మరియు కుమారులను పొంది, దానిని డాక్యుమెంట్ లో జోడించండి:

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

మీరే ప్రయత్నించండి

సంకేతం

node.cloneNode(deep)

పారామీటర్

పారామీటర్ వివరణ
deep

ఎంపికలు

  • false - అప్రమేయం. కేవలం నోడ్ మరియు దాని గుణాలను క్లోన్ చేయబడతాయి
  • true - క్లోన్ నోడ్, దాని గుణాలు మరియు తరువాతి పిఢులు

రాబట్టు విలువ

రకం వివరణ
నోడ్ ఆబ్జెక్ట్ క్లోన్ చేసిన నోడ్

బ్రౌజర్ మద్దతు

element.cloneNode() డామ్ లెవల్ 1 (1998) లక్షణం.

అన్ని బ్రౌజర్లు పూర్తిగా దానిని మద్దతు ఇస్తాయి:

చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒప్రా
చ్రోమ్ ఐఇ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఒప్రా
మద్దతు 9-11 మద్దతు మద్దతు మద్దతు మద్దతు