Диапазон: Конструктор Range()
Базовая Широко доступная
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2017 года.
Конструктор Range() возвращает новый объект Range, начало и конец которого — глобальный объект Document.
Синтаксис
new Range()
Параметры
Нет.
Примеры
В этом примере мы создаём новый диапазон с помощью конструктора Range(), а затем устанавливаем его начало и конец, используя методы Range.setStartBefore() и Range.setEndAfter(). Затем мы выбираем этот диапазон, используя window.getSelection() и Selection.addRange().
HTML
<p>First paragraph.</p> <p>Second paragraph.</p> <p>Third paragraph.</p> <p>Fourth paragraph.</p>
JavaScript
const paragraphs = document.querySelectorAll("p");
// Create new range
const range = new Range();
// Start range at second paragraph
range.setStartBefore(paragraphs[1]);
// End range at third paragraph
range.setEndAfter(paragraphs[2]);
// Get window selection
const selection = window.getSelection();
// Add range to window selection
selection.addRange(range);
Результат
Спецификации
| Спецификация |
|---|
| DOM # ref-for-dom-range-range② |
Совместимость с браузерами
| Десктоп | Мобильные | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari в iOS | Samsung Internet | WebView Android | |
Range |
29 | 15 | 24 | 16 | 8 | 29 | 24 | 16 | 8 | 2.0 | 4.4 |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Range/Range
