مثال
نسخ <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
انها محاولة لنفسك » أكثر "Try it Yourself" الأمثلة أدناه.
تعريف والاستخدام
و cloneNode() طريقة إنشاء نسخة من عقدة، ويعيد استنساخ.
و cloneNode() استنساخ طريقة كل سمات وقيمها.
نصيحة: استخدم appendChild() أو insertBefore() طريقة لادخال عقدة المستنسخة للوثيقة.
نصيحة: تعيين قيمة المعلمة عميقة إلى true إذا كنت ترغب في استنساخ جميع أحفاد (children) ، كاذبة خلاف ذلك.
دعم المتصفح
| طريقة | |||||
|---|---|---|---|---|---|
| cloneNode() | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا | نعم فعلا |
بناء الجملة
قيم معلمة معامل اكتب وصف deep Boolean اختياري. يحدد ما إذا كانت جميع المتحدرين من عقدة يجب استنساخ.
- صحيح - استنساخ العقدة، خصائصها، ونسله
- كاذبة - افتراضي. استنساخ فقط عقدة وخصائصها
تفاصيل تقنية
قيمة الإرجاع: كائن عقدة، وهو ما يمثل العقدة المستنسخة صفحة DOM المستوى الأساسي كائن 1 عقدة
مزيد من الأمثلة
مثال
نسخ <div> العنصر، بما في ذلك جميع الصفات والعناصر التابعة، وإلحاق الوثيقة:
var elmnt = document.getElementsByTagName("DIV")[0];
var cln =
elmnt.cloneNode(true);
document.body.appendChild(cln); انها محاولة لنفسك »
صفحات ذات صلة
HTML DOM إشارة: href="met_document_adoptnode.html">document. adoptNode() Method href="met_document_adoptnode.html">document. adoptNode() Method
HTML DOM إشارة: href="met_document_importnode.html">document. importNode() Method href="met_document_importnode.html">document. importNode() Method
HTML DOM إشارة: href="met_document_createelement.html">document. createElement() Method href="met_document_createelement.html">document. createElement() Method
HTML DOM إشارة: href="met_document_createtextnode.html">document. createTextNode() Method href="met_document_createtextnode.html">document. createTextNode() Method