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>
		text1
	</p>
	<p>
		text2
	</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 ක්‍රමය