Range: Range() コンストラクター
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2017年4月以降、すべてのブラウザーで利用可能です。
Range() コンストラクターは、グローバルな Document オブジェクトを始点および終点とする、新しく作成された Range オブジェクトを返します。
構文
js
new Range()
引数
なし。
例
この例では、 Range() コンストラクターで新しい範囲を作成し、 Range.setStartBefore() メソッドと Range.setEndAfter() メソッドを使用してその開始位置と終了位置を設定します。そして、 window.getSelection() と Selection.addRange() を使用して範囲を選択します。
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");
// 新しい範囲を作成
const range = new Range();
// 範囲を 2 つ目の段落から開始
range.setStartBefore(paragraphs[1]);
// 範囲を 3 つ目の段落で終了
range.setEndAfter(paragraphs[2]);
// window の選択範囲を取得
const selection = window.getSelection();
// window の選択範囲に範囲を追加
selection.addRange(range);
結果
仕様書
| 仕様書 |
|---|
| DOM # ref-for-dom-range-range② |