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

↑
en ru