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