متد element.cloneNode
مثال (متد element.cloneNode)
کپی کردن یک عنصر <li> از یک لیست به لیست دیگر:
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() یک کپی از یک گره ایجاد کرده و clone مورد نظر را برمی گرداند.
متد cloneNode()، تمام خصوصیت ها و مقادیر آنها را شبیه سازی می کند.
نکته: می توانید از متدهای appendChild() و insertBefore() برای الحاق کردن گره شبیه سازی شده به یک سند اضافه کنید.
نکته: اگر شما می خواهید تمام فرزندان را شبیه سازی کنید، می تونید مقدار پارامتر deep را به true ست کنید.
پشتیبانی مرورگرها
| متد | |||||
|---|---|---|---|---|---|
| cloneNode() | بله | بله | بله | بله | بله |
نحوه استفاده
مقادیر پارامترها
| پارامتر | Type | توضیحات |
|---|---|---|
| deep | Boolean |
اختیاری. تمام زادگان گره مورد نظر که باید شبیه سازی شوند.
|
جزئیات تکنیکی
| مقدار برگشتی |
یک شیء گره که مشخص کننده ی گره شبیه سازی شده است. |
|---|---|
| DOM Version | Core Level 1 Node Object |
مثال - خودتان امتحان کنید
مثال (متد element.cloneNode)
کپی کردن یک عنصر <div> که شامل تمام خصوصیت ها و عناصر فرزند آن می باشد و سپس اضافه کردن آن به سند:
var cln = elmnt.cloneNode(true);
document.body.appendChild(cln);
خودتان امتحان کنید »
آموزش های مرتبط
مرجع مدل DOM در اچ تی ام ال document.adoptNode() Method
مرجع مدل DOM در اچ تی ام ال document.importNode() Method
مرجع مدل DOM در اچ تی ام ال document.createElement() Method
مرجع مدل DOM در اچ تی ام ال document.createTextNode() Method
کلیه توابع و خصوصیت های شیء Element در JavaScript
- نوشته شده توسط احسان عباسی
- بازدید: 6695
