StaticRange

The DOM StaticRange interface extends AbstractRange to provide a method to specify a range of content in the DOM whose contents don't update to reflect changes which occur within the DOM tree. It offers the same set of properties and methods as AbstractRange.

AbstractRange and StaticRange are not available from web workers.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="/docs/Web/API/AbstractRange" target="_top"><rect x="1" y="1" width="130" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="66" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">AbstractRange</text></a><polyline points="131,25  141,20  141,30  131,25" stroke="#D4DDE4" fill="none"/><line x1="141" y1="25" x2="171" y2="25" stroke="#D4DDE4"/><a xlink:href="/docs/Web/API/StaticRange" target="_top"><rect x="171" y="1" width="110" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="226" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">StaticRange</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

Constructor

StaticRange()

Creates a new StaticRange object given the StaticRangeInit dictionary specifying the default values for its properties.

Properties

The properties below are inherited from its parent interface, AbstractRange.

StaticRange.collapsed Read only

Returns a Boolean value which is true if the range's start and end positions are the same, resulting in a range of length 0.

StaticRange.endContainer Read only

Returns the DOM Node which contains the ending point of the range. The offset into the node at which the end position is located is indicated by endOffset.

StaticRange.endOffset Read only

Returns an integer value indicating the offset into the node given by endContainer at which the last character of the range is found.

StaticRange.startContainer Read only

Returns the DOM Node which contains the starting point of the range (which is in turn identified by startOffset.

StaticRange.startOffset Read only

Returns an integer value indicating the offset into the node specified by startContainer at which the first character of the range is located.

Methods

StaticRange.toRange()

Returns a new Range object which describes the same range as the source StaticRange, but is "live" with values that change to reflect changes in the contents of the DOM tree.

Usage notes

A DOM range specifies a span of content in a document, potentially beginning inside one node (or element) and ending inside another one. Unlike a Range, a StaticRange represents a range which is fixed in time; it does not change to try to keep the same content within it as the document changes. If any changes are made to the DOM, the actual data contained within the range specified by a StaticRange may change. This lets the user agent avoid a lot of work that is unnecessary if the web app or site doesn't need a live-updating range.

Specifications

Browser compatibility