cloneNode()
Misol
"myList2" ro‘yxatidagi <li> elementini "myList1" ro‘yxatiga nusxalang:
const node = document.getElementById("myList2").lastChild;
const clone = node.cloneNode(true);
document.getElementById("myList1").appendChild(clone);
Oldin:
- Coffee
- Tea
- Water
- Milk
Keyin:
- Coffee
- Tea
- Milk
- Water
- Milk
Quyida ko‘proq misollar.
Tavsif
cloneNode() metodi tugunning nusxasini yaratadi va shu nusxani qaytaradi.
cloneNode() metodi barcha atributlarni va ularning qiymatlarini nusxalaydi.
Agar avlodlarni (bolalarni) ham nusxalamoqchi bo‘lsangiz, deep parametriga true qiymatini bering.
Qayta joylashtirish
Nusxalangan tugunni hujjatga qayta joylashtirish uchun quyidagilardan foydalaning:
Shuningdek qarang:
Sintaksis
node.cloneNode(deep)
Parametrlar
| Parametr | Tavsif |
| deep | Ixtiyoriy.false - Standart. Faqat tugun va uning atributlarini nusxalash.true - Tugunni, uning atributlari va avlodlarini nusxalash. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Nusxalangan tugun. |
Ko‘proq misollar
Misol
"demo" elementini atributlari va bola elementlari bilan birga nusxalang hamda hujjatga qo‘shing:
const node = document.getElementById("demo");
const clone = node.cloneNode(true);
document.body.appendChild(clone);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.cloneNode() — DOM Level 1 (1998) imkoniyati.
U barcha brauzerlarda to‘liq qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!