append()
Misol
div’ga matn qo‘shing:
const div = document.getElementById("myDiv");
div.append("Hello! I am appended text.");
O‘zingiz sinab ko‘ring »
Misol
div’ga element qo‘shing:
const div = document.getElementById("myDiv");
const h3 = document.createElement("h3");
div.append(h3);
h3.append("Hello! I am an appended h3");
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Tavsif
append() metodi elementning oxirgi bola tugunidan keyin bir yoki bir nechta tugun (element) yoki string qo‘shish uchun ishlatiladi.
append() va
appendChild() metodlari o‘rtasidagi farq:
append()tugun obyektlari va stringlarni qabul qiladi,appendChild()esa faqat tugun obyektlarini qabul qiladiappend()hech qanday qiymat qaytarmaydi,appendChild()esa qo‘shilgan tugun obyektini qaytaradiappend()bir nechta bandni qo‘shish imkonini beradi,appendChild()esa faqat bitta bandni
Sintaksis
element.append(param1, param2, ...)
Parametrlar
| Parametr | Tavsif |
| param | Majburiy. Qo‘shiladigan bir yoki bir nechta tugun va string |
Qaytariladigan qiymat
Yo‘q
Brauzerlarda qo‘llab-quvvatlash
| Metod | |||||
|---|---|---|---|---|---|
| append() | 54 | 17 | 49 | 10 | 41 |
Ko‘proq misollar
Misol
Ro‘yxatga bir nechta ro‘yxat bandini qo‘shing:
const li = document.createElement("li");
const li2 = document.createElement("li");
const li3 = document.createElement("li");
li.append("Water");
li2.append("Juice");
li3.append("Wine");
// Append several "li" to the list:
document.getElementById("myList").append(li, li2, li3);
O‘zingiz sinab ko‘ring »
Misol
Bandni bir ro‘yxatdan boshqasiga ko‘chiring:
const node = document.getElementById("myList2").lastElementChild;
document.getElementById("myList1").append(node);
O‘zingiz sinab ko‘ring »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!