طريقة cloneNode في HTML DOM

مثلجة HTML DOM Element

cloneNode()يستخدم الطريقة: يعود بنسخة من العنصر الذي تم استدعاؤه.

يكرر طريقة cloneNode جميع الخصائص وقيمها.

استخدامappendChild()أوinsertBefore()ي插入 الطريقة النسخة المكررة من العنصر في المستند.

ملاحظة: cloneNode() قد يؤدي إلى تكرار هوية العنصر في المستند.

القواعد النحوية:

node.cloneNode(deep)

var node = document.querySelector("#box").firstElementChild;
var copy = node.cloneNode(true);
document.getElementById("result").appendChild(copy);

مروحة التشغيل

يدعم جميع المتصفحات طريقة cloneNode() بشكل كامل:

قيمة المتغير

تفاصيل تقنية

مزيد من الأمثلة

تكرار عنصر DIV (باستخدام جميع خصائصه وأبنائه) وأضفه إلى المستند:

var node = document.querySelector("#box");
var copy = node.cloneNode(true);
document.body.appendChild(copy);

مراجع مرتبطة

مرجع HTML DOMطريقة document.adoptNode()

مرجع HTML DOMطريقة document.importNode()

مثلجة HTML DOM Element