prepend method

prepend method သည် element တစ်ခု၏ အစတွင် အခြား element တစ်ခုကို ထည့်သွင်းခွင့်ပြုသည်။ ၎င်း၏ parameter အဖြစ် များသောအားဖြင့် createElement မှတစ်ဆင့် ဖန်တီးထားသော element ကိုလည်းကောင်း၊ string တစ်ခုကိုလည်းကောင်း လက်ခံသည်။ Element များ (သို့) string များကို comma ခံ၍ စာရင်းပြုစုကာ တစ်ပြိုင်နက်တည်း အများအပြားထည့်သွင်းနိုင်သည်။

Syntax

javascriptမိဘ.prepend(element သို့မဟုတ် string);

ဥပမာ

Paragraph တစ်ခုဖန်တီးပြီး ၎င်းအတွက် text သတ်မှတ်ကာ #parent block ၏ အစတွင် စာမျက်နှာပေါ်သို့ ထည့်သွင်းကြည့်ရအောင်။

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

javascriptlet parent = document.querySelector('#parent');

let p = document.createElement('p');
p.textContent = '!';

parent.prepend(p);

ကုဒ်အား Run လိုက်သည့် ရလဒ်။

html<div id="parent">
  <p>!</p>
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

ဥပမာ

Paragraph အများအပြားကို #parent block ၏ အစတွင် တစ်ပြိုင်နက် ထည့်သွင်းကြည့်ရအောင်။

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

javascriptlet parent = document.querySelector('#parent');

let p1 = document.createElement('p');
p1.textContent = 'a';

let p2 = document.createElement('p');
p2.textContent = 'b';

parent.prepend(p1, p2);

ကုဒ်အား Run လိုက်သည့် ရလဒ်။

html<div id="parent">
  <p>b</p>
  <p>a</p>
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

ဥပမာ

Method ၏ parameter အဖြစ် string တစ်ခုကို အသုံးပြုကြည့်ရအောင်။

html<div id="parent">
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

javascriptlet parent = document.querySelector('#parent');
parent.prepend('!');

ကုဒ်အား Run လိုက်သည့် ရလဒ်။

html<div id="parent">
  !
  <p>1</p>
  <p>2</p>
  <p>3</p>
</div>

ဆက်လက်ဖတ်ရှုရန်