Метод createRange

Метод createRange - создает объект фрагмента документа. Этот фрагмент может содержать фрагменты элементов и участки текста. Смотрите примеры, чтобы понять суть этого метода.

Синтаксис

document.createRange()

Пример

Получим содержимое абзаца:

<p id="p">
	<b>JavaScript</b> — это сила!
</p>

let p = document.getElementById('p');

let rng = document.createRange();
rng.selectNode(p);
alert(rng.toString()) //'JavaScript — это сила'

Пример

Но таким способом можно получить не только содержимое элемента, а вообще любую часть документа. Даже если она начинается в одном элементе, а заканчивается в другом:

<div id="root">
	<p>
		JavaScript — это сила!
	</p>
	<p>
		HTML/CSS — тоже хорошо.
	</p>
</div>

let root = document.getElementById('root');
let start = root.children[0].firstChild;
let end = root.children[1].firstChild;

let rng = document.createRange();
rng.setStart(start, 13);
rng.setEnd(end, 8);
alert(rng.toString());

Смотрите также

См. также .

Смотрите также

метод getSelection