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 методу