prepend method

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

Syntax

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

ဥပမာ

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

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

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

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

parent.prepend(p);

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

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

ဥပမာ

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

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

let 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 လိုက်သည့် ရလဒ်။

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

ဥပမာ

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

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

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

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

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

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

append method,
သည် element များကို အဆုံးတွင် ထည့်သွင်းပေးသည်
appendChild method,
သည် element များကို အဆုံးတွင် ထည့်သွင်းပေးသည်
insertBefore method,
သည် element တစ်ခုကို အခြား element တစ်ခု၏ ရှေ့တွင် ထည့်သွင်းပေးသည်
insertAdjacentElement method,
သည် element တစ်ခုကို သတ်မှတ်ထားသော နေရာတွင် ထည့်သွင်းပေးသည်
insertAdjacentHTML method,
သည် tag များကို သတ်မှတ်ထားသော နေရာတွင် ထည့်သွင်းပေးသည်