insertAdjacentHTML()
Misol
Sarlavha elementidan keyin yangi <p> elementini joylashtiring:
const h2 = document.getElementById("myH2");
let html = "<p>My new paragraph.</p>";
h2.insertAdjacentHTML("afterend", html);
O‘zingiz sinab ko‘ring »
Tavsif
insertAdjacentHTML() metodi HTML kodni 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.insertAdjacentHTML(position, html)yokinode.insertAdjacentHTML(position, html)
Parametrlar
| Parametr | Tavsif |
| position | Majburiy. Elementga nisbatan joylashuv: afterbegin afterend beforebegin beforeend |
| html | Joylashtiriladigan HTML. |
Ko‘proq misollar
Misol
"afterbegin" qiymatidan foydalanish:
let html = "<span style='color:red'>My span</span>"; h2.insertAdjacentHTML("afterbegin", html);
O‘zingiz sinab ko‘ring »
Misol
"beforebegin" qiymatidan foydalanish:
h2.insertAdjacentHTML("beforebegin", html);
O‘zingiz sinab ko‘ring »
Misol
"beforeend" qiymatidan foydalanish:
h2.insertAdjacentHTML("beforeend", html);
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
element.insertAjacentHTML() barcha brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | Ha |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!