Метод 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());
Смотрите также
См. также .