appendChild()
Misollar
Ro‘yxatga band qo‘shing:
const node = document.createElement("li");
const textnode = document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
Oldin:
- Coffee
- Tea
Keyin:
- Coffee
- Tea
- Water
Bandni bir ro‘yxatdan boshqasiga ko‘chiring:
const node = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").appendChild(node);
Oldin:
- Coffee
- Tea
- Water
- Milk
Keyin:
- Coffee
- Tea
- Milk
- Water
Quyida ko‘proq misollar.
Tavsif
appendChild() metodi tugunni (elementni) elementning oxirgi bola tuguni sifatida qo‘shadi.
Shuningdek qarang:
Tegishli Document metodlari:
Sintaksis
element.appendChild(node)yokinode.appendChild(node)
Parametrlar
| Parametr | Tavsif |
| node | Majburiy. Qo‘shiladigan tugun. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Qo‘shilgan tugun. |
Ko‘proq misollar
Matnli paragraf yaratish uchun.
- Paragraf elementini yarating
- Matn tugunini yarating
- Matn tugunini paragrafga qo‘shing
- Paragrafni hujjatga qo‘shing.
<p> elementini yarating va uni <div> elementiga qo‘shing:
const para = document.createElement("p");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.getElementById("myDIV").appendChild(para);
O‘zingiz sinab ko‘ring »
<p> elementini yarating va uni hujjatning body qismiga qo‘shing:
const para = document.createElement("P");
const node = document.createTextNode("This is a paragraph.");
para.appendChild(node);
document.body.appendChild(para);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.appendChild() — 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!