createRange နည်းလမ်း

createRange နည်းလမ်းသည် စာရွက်စာတမ်း အပိုင်းအစ အတိုင်းအတာတစ်ခုကို ဖန်တီးပေးပါသည်။ ဤအပိုင်းအစတွင် အစိတ်အပိုင်းများ၏ အပိုင်းအစများနှင့် စာသားအပိုင်းများ ပါဝင်နိုင်ပါသည်။ ဤနည်းလမ်း၏ အဓိပ္ပာယ်ကို နားလည်ရန် နမူနာများကို ကြည့်ပါ။

ဝါကျဖွဲ့စည်းပုံ

document.createRange();

နမူနာ

အပိုဒ်၏ ပါဝင်အကြောင်းအရာကို ရယူကြပါစို့:

<p id="p">
	<b>abcde</b>fg
</p>

let p = document.getElementById('p');

let text = document.createRange();
text.selectNode(p);
alert(text.toString());

ကုဒ်ကို လုပ်ဆောင်ခြင်း၏ ရလဒ်:

'abcdefg'

နမူနာ

သို့သော် ဤနည်းလမ်းဖြင့် အစိတ်အပိုင်း၏ ပါဝင်အကြောင်းအရာကိုသာမက အတွင်းပိုင်း မည်သည့်အပိုင်းကိုမဆို ရယူနိုင်ပါသည်။ ၎င်းသည် တစ်ခုသော အစိတ်အပိုင်းတွင် စတင်ပြီး နောက်တစ်ခုသော အစိတ်အပိုင်းတွင် ပြီးဆုံးသည့်တိုင် ဖြစ်နိုင်သည်:

<div id="root">
	<p>
		စာသား ၁
	</p>
	<p>
		စာသား ၂
	</p>
</div>

let root = document.getElementById('root');
let start = root.children[0].firstChild;
let end = root.children[1].firstChild;

let text = document.createRange();
text.setStart(start, 12);
text.setEnd(end, 8);
alert(text.toString());

ဆက်လက်ကြည့်ရှုရန်

getSelection နည်းလမ်း