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 әдісі