HTML DOM Element insertAdjacentElement() လုပ်ငန်း

ဖော်ပြ နှင့် အသုံးပြုပုံ

insertAdjacentElement() ဘရောက်သုတ်းလုပ်ငန်း ကို အခြား နေရာသတ် သို့ ထည့်သွင်းလုပ်ငန်း

အခြား နေရာသတ်:

အရေးယူဆိုင်သော အမှတ် ဖော်ပြ
afterbegin ဘရောက်သုတ်းလုပ်ငန်း အစ အခြား
afterend ဘရောက်သုတ်းလုပ်ငန်း အစ
beforebegin ဘရောက်သုတ်းလုပ်ငန်း အခြား
beforeend ဘရောက်သုတ်းလုပ်ငန်း အဆုံး အခြား အသုံးပြုလုပ်ငန်း

အကျယ်အဝန်

အမှတ် 1

span ဘရောက်သုတ်းလုပ်ငန်း ကို ဘိုင်းပေါ် နေရာသတ်:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterend", span);

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်ကြည့်ပါ

အမှတ် 2

"afterbegin" ကို အသုံးပြုလိုက်:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("afterbegin", span);

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်ကြည့်ပါ

အမှတ် 3

"beforebegin" ကို အသုံးပြုလိုက်:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforebegin", span);

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်ကြည့်ပါ

အမှတ် 4

"beforeend" ကို အသုံးပြုလိုက်:

const span = document.getElementById("mySpan");
const h2 = document.getElementById("myH2");
h2.insertAdjacentElement("beforeend", span);

ကိုယ်တိုင် ကိုယ်တိုင် ကိုက်ကြည့်ပါ

ဘာသာစကား

element.insertAdjacentElement(position, element)

သို့မဟုတ်

node.insertAdjacentElement(position, element)

ပါဝင်သည်

ပါဝင်သည် ဖော်ပြ
position

လိုအပ်သည်။ ဘရောက်သုတ်းလုပ်ငန်း နှင့် ပတ်သက်၍ နေရာသတ်:

  • afterbegin
  • afterend
  • beforebegin
  • beforeend
element ထိန်းချိန်းပြုရန် ဘရောက်သုတ်းလုပ်ငန်း

ဘရောက်သုတ်းလုပ်ငန်း က ထောက်ပံ့ပေးသည်

အားလုံး ဘရောက်သုတ်းလုပ်ငန်းများ က ထောက်ပံ့ပေးသည် element.insertAdjacentElement()：

ခရုစ် အီးအီ အီးဘီ ဖရော့ တာဆိုး အိပ်ရာ
ခရုစ် အီးအီ အီးဘီ ဖရော့ တာဆိုး အိပ်ရာ
ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့ ထောက်ပံ့