Range: Range() Konstruktor

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2017.

Der Range() Konstruktor gibt ein neu erstelltes Range-Objekt zurück, dessen Anfang und Ende das globale Document-Objekt ist.

Syntax

js
new Range()

Parameter

Keine.

Beispiele

In diesem Beispiel erstellen wir einen neuen Range mit dem Range() Konstruktor und setzen seine Anfangs- und Endpositionen mit den Methoden Range.setStartBefore() und Range.setEndAfter(). Anschließend wählen wir den Range mit window.getSelection() und Selection.addRange() aus.

HTML

html
<p>First paragraph.</p>
<p>Second paragraph.</p>
<p>Third paragraph.</p>
<p>Fourth paragraph.</p>

JavaScript

js
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);

Ergebnis

Spezifikationen

Specification
DOM Standard
# ref-for-dom-range-range②

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch