insertAdjacentElement()
Misol
Sarlavhadan keyin span elementini joylashtiring:
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);
O‘zingiz sinab ko‘ring »
Quyida ko‘proq misollar.
Tavsif
insertAdjacentElement() metodi elementni ko‘rsatilgan joyga joylashtiradi.
Ruxsat etilgan joylashuvlar:
| Qiymat | Tavsif |
|---|---|
| afterbegin | Element boshlanishidan keyin (birinchi bola) |
| afterend | Elementdan keyin |
| beforebegin | Elementdan oldin |
| beforeend | Element tugashidan oldin (oxirgi bola) |
Sintaksis
element.insertAdjacentElement(position, element)yokinode.insertAdjacentElement(position, element)
Parametrlar
| Parametr | Tavsif |
| position | Majburiy. Elementga nisbatan joylashuv: afterbegin afterend beforebegin beforeend |
| element | Joylashtiriladigan element. |
Ko‘proq misollar
Misol
"afterbegin" qiymatidan foydalanish:
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);
O‘zingiz sinab ko‘ring »
Misol
"beforebegin" qiymatidan foydalanish:
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);
O‘zingiz sinab ko‘ring »
Misol
"beforeend" qiymatidan foydalanish:
const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.insertAjacentElement() barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!