JavaScript တွင် element များကို ကပ်လျက် ထည့်သွင်းခြင်း

insertAdjacentElement

Задание 1

Element တစ်ခု ရှိသည်။

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

၎င်း၏ ရှေ့တွင် စာသား '!!!' ပါသော စာပိုဒ်တစ်ခုကို ထည့်သွင်းပါ။

Задание 2

Element တစ်ခု ရှိသည်။

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

၎င်း၏ နောက်တွင် စာသား '!!!' ပါသော စာပိုဒ်တစ်ခုကို ထည့်သွင်းပါ။

Задание 3

Element တစ်ခု ရှိသည်။

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

၎င်း၏ အစတွင် စာသား '!!!' ပါသော စာပိုဒ်တစ်ခုကို ထည့်သွင်းပါ။

Задание 4

Element တစ်ခု ရှိသည်။

html<div id="elem" style="border: 1px solid red;">
  <p>text</p>
  <p>text</p>
  <p>text</p>
</div>

၎င်း၏ အဆုံးတွင် စာသား '!!!' ပါသော စာပိုဒ်တစ်ခုကို ထည့်သွင်းပါ။