طريقة DOM Element cloneNode() لـ HTML

تعريف والاستخدام

طريقة 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 1 (1998).

يدعمه جميع المتصفحات بشكل كامل:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
الدعم 9-11 الدعم الدعم الدعم الدعم