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