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 April 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 Bereich mit dem Range()-Konstruktor und setzen die Anfangs- und Endpositionen mithilfe der Methoden Range.setStartBefore() und Range.setEndAfter(). Dann wählen wir den Bereich 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 # ref-for-dom-range-range② |