From 5ef87f9ac217175e284d43e2f604c6e3e9e69158 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Mon, 20 Nov 2023 03:10:39 +0900 Subject: [PATCH] =?UTF-8?q?2023/04/08=20=E6=99=82=E7=82=B9=E3=81=AE?= =?UTF-8?q?=E8=8B=B1=E8=AA=9E=E7=89=88=E3=81=AB=E5=9F=BA=E3=81=A5=E3=81=8D?= =?UTF-8?q?=E6=96=B0=E8=A6=8F=E7=BF=BB=E8=A8=B3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/range/range/index.md | 72 +++++++++++++++++++++++++++ 1 file changed, 72 insertions(+) create mode 100644 files/ja/web/api/range/range/index.md diff --git a/files/ja/web/api/range/range/index.md b/files/ja/web/api/range/range/index.md new file mode 100644 index 00000000000000..4fd3d895f77756 --- /dev/null +++ b/files/ja/web/api/range/range/index.md @@ -0,0 +1,72 @@ +--- +title: "Range: Range() コンストラクター" +short-title: Range() +slug: Web/API/Range/Range +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ APIRef("DOM") }} + +**`Range()`** コンストラクターは、グローバルな {{domxref("Document")}} オブジェクトを始点および終点とする、新しく作成された {{domxref("Range")}} オブジェクトを返します。 + +## 構文 + +```js-nolint +new Range() +``` + +### 引数 + +なし。 + +## 例 + +この例では、 `Range()` コンストラクターで新しい範囲を作成し、 {{domxref("Range.setStartBefore()")}} メソッドと {{domxref("Range.setEndAfter()")}} メソッドを使用してその開始位置と終了位置を設定します。そして、 {{domxref("window.getSelection()")}} と {{domxref("Selection.addRange()")}} を使用して範囲を選択します。 + +### HTML + +```html +

First paragraph.

+

Second paragraph.

+

Third paragraph.

+

Fourth paragraph.

+``` + +### 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); +``` + +### 結果 + +{{EmbedLiveSample("Examples", 400, 210)}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) +- {{domxref("Document.createRange()")}}