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