Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Range
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DieRange-Schnittstelle repräsentiert ein Fragment eines Dokuments, das Knoten und Teile von Textknoten enthalten kann.
Ein Bereich kann mit der MethodeDocument.createRange() erstellt werden. Bereichsobjekte können auch mit der MethodegetRangeAt() desSelection-Objekts oder der MethodecaretRangeFromPoint() desDocument-Objekts abgerufen werden.
Es gibt auch denRange()-Konstruktor.
In diesem Artikel
Konstruktor
Instanz-Eigenschaften
Erbt auch Eigenschaften von seiner Elternschnittstelle,AbstractRange.
Range.commonAncestorContainerSchreibgeschütztGibt den tiefsten
Nodezurück, der diestartContainer- undendContainer-Knoten enthält.
Instanz-Methoden
Es gibt keine geerbten Methoden.
Range.collapse()Reduziert das
Rangeauf einen seiner Grenzpunkte.Range.compareBoundaryPoints()Vergleicht die Grenzpunkte des
Rangemit einem anderenRange.Range.compareNode()VeraltetNicht standardisiertGibt eine Konstante zurück, die darstellt, ob der
Nodevor, nach, innerhalb oder um den Bereich herum liegt.Range.comparePoint()Gibt -1, 0 oder 1 zurück, um anzuzeigen, ob der Punkt vor, innerhalb oder nach dem
Rangeauftritt.Range.cloneContents()Gibt ein
DocumentFragmentzurück, das die Knoten einesRangekopiert.Range.cloneRange()Gibt ein
Range-Objekt mit identischen Grenzpunkten wie das geklonteRangezurück.Range.createContextualFragment()Gibt ein
DocumentFragmentzurück, das aus einem gegebenen String mit Code erstellt wurde.Range.deleteContents()Entfernt den Inhalt eines
Rangeaus demDocument.Range.detach()VeraltetMacht nichts. Wird zur Kompatibilität beibehalten.
Range.extractContents()Bewegt den Inhalt eines
Rangeaus dem Dokumentbaum in einDocumentFragment.Range.getBoundingClientRect()Gibt ein
DOMRect-Objekt zurück, das den gesamten Inhalt desRangeumschließt; dies wäre die Vereinigung aller vonrange.getClientRects()zurückgegebenen Rechtecke.Range.getClientRects()Gibt eine Liste von
DOMRect-Objekten zurück, die die Ergebnisse vonElement.getClientRects()für alle Elemente imRangeaggregiert.Range.isPointInRange()Gibt einen
booleanzurück, der anzeigt, ob der gegebene Punkt imRangeliegt.Range.insertNode()Fügt einen
Nodeam Anfang einesRangeein.Range.intersectsNode()Gibt einen
booleanzurück, der anzeigt, ob der gegebene Knoten denRangeschneidet.Range.selectNode()Setzt das
Range, um denNodeund dessen Inhalte einzuschließen.Range.selectNodeContents()Setzt das
Range, um die Inhalte einesNodeeinzuschließen.Range.setEnd()Setzt die Endposition eines
Range.Range.setStart()Setzt die Startposition eines
Range.Range.setEndAfter()Setzt die Endposition eines
Rangerelativ zu einem anderenNode.Range.setEndBefore()Setzt die Endposition eines
Rangerelativ zu einem anderenNode.Range.setStartAfter()Setzt die Startposition eines
Rangerelativ zu einem anderenNode.Range.setStartBefore()Setzt die Startposition eines
Rangerelativ zu einem anderenNode.Range.surroundContents()Verschiebt den Inhalt eines
Rangein einen neuenNode.Range.toString()Gibt den Text des
Rangezurück.
Spezifikationen
| Specification |
|---|
| DOM> # interface-range> |
| DOM Parsing and Serialization> # extensions-to-the-range-interface> |
| CSSOM View Module> # extensions-to-the-range-interface> |