insertBefore()
Misollar
- <li> elementini yarating
- Matn tugunini yarating
- Matnni <li> elementiga qo‘shing
- <li> elementini <ul> ichidagi birinchi boladan oldin joylashtiring:
const newNode = document.createElement("li");
const textNode = document.createTextNode("Water");
newNode.appendChild(textNode);
const list = document.getElementById("myList");
list.insertBefore(newNode, list.children[0]);
O‘zingiz sinab ko‘ring »
Bir ro‘yxatdagi oxirgi elementni boshqa ro‘yxatning boshiga ko‘chiring:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, list.children[0]);
O‘zingiz sinab ko‘ring »
Bir ro‘yxatdagi oxirgi elementni boshqa ro‘yxatning oxiriga ko‘chiring:
const node = document.getElementById("myList2").lastElementChild;
const list = document.getElementById("myList1");
list.insertBefore(node, null);
O‘zingiz sinab ko‘ring »
Tavsif
insertBefore() metodi bola tugunni mavjud boladan oldin joylashtiradi.
Shuningdek qarang:
Sintaksis
element.insertBefore(new, existing)yokinode.insertBefore(new, existing)
Parametrlar
| Parametr | Tavsif |
| new | Majburiy. Joylashtiriladigan tugun (element). |
| existing | Majburiy. Yangi tugun oldiga joylashtiriladigan mavjud tugun (element). Agar null bo‘lsa, tugun oxiriga joylashtiriladi. |
Qaytariladigan qiymat
| Tip | Tavsif |
| Node | Joylashtirilgan tugun. |
Brauzerlarda qo‘llab-quvvatlash
element.insertBefore() — 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!