This page was translated from English by the community.Learn more and join the MDN Web Docs community.
Range
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..
Range(диапазон) интерфейс предоставляет фрагмент документа который может содержать узлы и части текстовых узлов данного документа.
Range может быть создан с помощью методаcreateRange, у объектаDocument. Или объект Range можно получить с помощью методаgetRangeAt, у объектаSelection. А также с помощью конструктораRange().
In this article
Свойства
Нет унаследованных свойств.
Range.collapsedТолько для чтенияВозвращаетBoolean указывающий, находятся ли начало и конец диапазонана одной и той же позиции.
Range.startContainerТолько для чтенияВозвращает
Nodeвнутри которогоRangeначинается.Range.endContainerТолько для чтенияВозвращает
Nodeвнутри которогоRangeзаканчивается .Range.commonAncestorContainerТолько для чтенияВозвращает самый глубокий
Nodeкоторый содержит узлыstartContainerиendContainer.Range.endOffsetТолько для чтенияВозвращает число равное расположению
endContainerвRange.Range.startOffsetТолько для чтенияReturns a number representing where in the
startContainertheRangestarts.
Конструктор
Range()Экспериментальная возможностьВозвращают объект
Rangeс глобальнымDocumentкак начало и конец.
Методы
Не имеют унаследованных свойств.
Range.setStart()Назначают начальную позицию
Range.Range.setEnd()Назначает конечную позицию
Range.Range.setStartBefore()Устанавливает начальную позицию
Rangeотносительно другогоNodeпред ним.Range.setStartAfter()Устанавливает начальную позицию
Rangeотносительно другогоNodeпосле него.Range.setEndBefore()Устанавливает конечную позицию
Rangeотносительно другогоNodeперед ним.Range.setEndAfter()Устанавливает конечную позицию
Rangeотносительно другогоNodeпосле него.Range.selectNode()Выбирает
Rangeto содержащийNodeи его контент.Range.selectNodeContents()Выбирает
Rangeсодержащий контентNode.Range.collapse()Схлопывает
Rangeдо одной из граничных точек.Range.cloneContents()Возвращает
DocumentFragmentсодержащийся в узлеRange.Range.deleteContents()Удаляет содержимое
RangeизDocument.Range.extractContents()Переносит содержимое
Rangeиз дерева документа вDocumentFragment.Range.insertNode()Вставляет a
Nodeв началоRange.Range.surroundContents()Переносит содержимое
Rangeв новыйNode.Range.compareBoundaryPoints()Сравнивает граничные точки
Rangeс другимRange.Range.cloneRange()Возвращает объект из
Rangeс граничными точками идентичными клонированномуRange.Range.detach()Освобождает Rangeот использования для улучшения производительности .Range.toString()Возвращает текст в
Range.Range.compareNode()Не стандартноВозвращает константу, представляющую, находится ли
Nodeдо, после, внутри или вокруг range.Range.comparePoint()Экспериментальная возможностьВозвращает -1, 0, или 1 в зависимости от того, находиться ли referenceNode перед, внутри, или после
Range.Range.createContextualFragment()Экспериментальная возможностьВозвращает
DocumentFragmentсозданный из полученной строки с кодом.Range.getBoundingClientRect()Экспериментальная возможностьВозвращает объект
ClientRectobject which bounds the entire contents of theRange; this would be the union of all the rectangles returned byrange.getClientRects().Range.getClientRects()Экспериментальная возможностьReturns a list of
ClientRectobjects that aggregates the results ofElement.getClientRects()for all the elements in theRange.Range.intersectsNode()Экспериментальная возможностьВозвращает
booleanуказывающий, пересекает ли данный узелRange.Range.isPointInRange()Экспериментальная возможностьReturns a
booleanindicating whether the given point is in theRange.
Спецификации
| Specification |
|---|
| DOM> # interface-range> |
| DOM Parsing and Serialization> # extensions-to-the-range-interface> |
| CSSOM View Module> # extensions-to-the-range-interface> |