From 5fdd41c15a3d8df1d76d316434a1dc2fdaf05528 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 23 Nov 2023 01:14:00 +0900 Subject: [PATCH 01/11] =?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/selectnode/index.md | 47 ++++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/ja/web/api/range/selectnode/index.md diff --git a/files/ja/web/api/range/selectnode/index.md b/files/ja/web/api/range/selectnode/index.md new file mode 100644 index 00000000000000..23e789e03dfcd0 --- /dev/null +++ b/files/ja/web/api/range/selectnode/index.md @@ -0,0 +1,47 @@ +--- +title: "Range: selectNode() メソッド" +short-title: selectNode() +slug: Web/API/Range/selectNode +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +The **`Range.selectNode()`** メソッドは {{domxref("Range")}} に {{domxref("Node")}} とその内容を格納するように設定します。 {{domxref("Range")}} の始めと終わりの親 {{domxref("Node")}} は _referenceNode_ の親と同じになります。 + +## 構文 + +```js-nolint +selectNode(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : {{domxref("Range")}} の中にある選択する {{domxref("Node")}} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +let range = document.createRange(); +let referenceNode = document.getElementsByTagName("div").item(0); + +range.selectNode(referenceNode); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 88d569c56ab6f18a74f6e01e177ceda2d3e171ac Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 23 Nov 2023 01:31:17 +0900 Subject: [PATCH 02/11] =?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 --- .../web/api/range/selectnodecontents/index.md | 92 +++++++++++++++++++ 1 file changed, 92 insertions(+) create mode 100644 files/ja/web/api/range/selectnodecontents/index.md diff --git a/files/ja/web/api/range/selectnodecontents/index.md b/files/ja/web/api/range/selectnodecontents/index.md new file mode 100644 index 00000000000000..76863cfb064cca --- /dev/null +++ b/files/ja/web/api/range/selectnodecontents/index.md @@ -0,0 +1,92 @@ +--- +title: "Range: selectNodeContents() メソッド" +short-title: selectNodeContents() +slug: Web/API/Range/selectNodeContents +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.selectNodeContents()`** メソッドは {{domxref("Range")}} が {{domxref("Node")}} のコンテンツを含むように設定します。 + +`Range` の開始と終わりの親ノード (`Node`) が参照ノードになります。 `startOffset` は 0 で、 `endOffset` は子 `Node` の数、または参照ノードに格納する文字数です。 + +## 構文 + +```js-nolint +selectNodeContents(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : {{domxref("Range")}} 内でコンテンツが選択されるノード ({{domxref("Node")}}) です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +const range = document.createRange(); +const referenceNode = document.querySelector("div"); +range.selectNodeContents(referenceNode); +``` + +### ライブ例 + +この例では、ユーザーがボタンで段落を選択・解除できるようにしています。 +{{domxref("Document.createRange()")}}、`Range.selectNodeContents()`、{{domxref("Selection.addRange()")}} を使用してコンテンツを選択しています。 +選択解除には {{domxref("Window.getSelection()")}} と {{domxref("Selection.removeAllRanges()")}} を使用します。 + +#### HTML + +```html +

+ 以下のボタンを使用してこの段落の内容を選択または選択解除してください。 +

+ + +``` + +#### JavaScript + +```js +const p = document.getElementById("p"); +const selectButton = document.getElementById("select-button"); +const deselectButton = document.getElementById("deselect-button"); + +selectButton.addEventListener("click", (e) => { + // Clear any current selection + const selection = window.getSelection(); + selection.removeAllRanges(); + + // Select paragraph + const range = document.createRange(); + range.selectNodeContents(p); + selection.addRange(range); +}); + +deselectButton.addEventListener("click", (e) => { + const selection = window.getSelection(); + selection.removeAllRanges(); +}); +``` + +#### 結果 + +{{EmbedLiveSample("Live_sample")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 2dc7cdbc9ca0180f75c808470d6f6def5da9be83 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Thu, 23 Nov 2023 01:41:09 +0900 Subject: [PATCH 03/11] =?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/setend/index.md | 62 ++++++++++++++++++++++++++ 1 file changed, 62 insertions(+) create mode 100644 files/ja/web/api/range/setend/index.md diff --git a/files/ja/web/api/range/setend/index.md b/files/ja/web/api/range/setend/index.md new file mode 100644 index 00000000000000..adb9dde33cd7db --- /dev/null +++ b/files/ja/web/api/range/setend/index.md @@ -0,0 +1,62 @@ +--- +title: "Range: setEnd() メソッド" +short-title: setEnd() +slug: Web/API/Range/setEnd +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.setEnd()`** メソッドは {{ domxref("Range") }} の終了位置を指定されたノードの指定されたオフセットに設定します。 終点を始点より上（文書内の高い位置）に設定すると、始点と終点の両方が指定した終点位置に設定された、折りたたまれた範囲になります。 + +## 構文 + +```js-nolint +setEnd(endNode, endOffset) +``` + +### 引数 + +- `endNode` + - : 中で {{ domxref("Range") }} が終わる {{ domxref("Node") }} です。 +- `endOffset` + - : 0 以上の整数で、 `endNode` の始点から `Range` の終点のオフセットを表します。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +### 例外 + +- `InvalidNodeTypeError` {{domxref("DOMException")}} + - : `endNode` で指定されたノードは doctype ノードです。範囲の終点は doctype ノード内に配置することはできません。 +- `IndexSizeError` {{domxref("DOMException")}} + - : `endOffset` で指定された値は、ノードの長さ以上であるか、 0 未満です。 + +## 使用上の注意 + +`endNode` が {{domxref("Text")}}、{{domxref("Comment")}}、{{domxref("CDataSection")}} のいずれかの型の {{domxref("Node")}} である場合、 `endOffset` は `endNode` の開始位置からの文字数です。他の型の {{domxref("Node")}} である場合、 `endOffset` は `endNode` の始点からの子ノードの数を指定します。 + +## 例 + +```js +const range = document.createRange(); +const endNode = document.getElementsByTagName("p").item(3); +const endOffset = endNode.childNodes.length; +range.setEnd(endNode, endOffset); +``` + +> **メモ:** `setEnd()` は {{domxref("Range.setStart", "setStart()")}} と組み合わせて使用するのが一般的です。 + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 6665b5408cc642f3a84df9097b17593da1179964 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 02:45:07 +0900 Subject: [PATCH 04/11] =?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/setendafter/index.md | 47 +++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/ja/web/api/range/setendafter/index.md diff --git a/files/ja/web/api/range/setendafter/index.md b/files/ja/web/api/range/setendafter/index.md new file mode 100644 index 00000000000000..cad09234499d87 --- /dev/null +++ b/files/ja/web/api/range/setendafter/index.md @@ -0,0 +1,47 @@ +--- +title: "Range: setEndAfter() メソッド" +short-title: setEndAfter() +slug: Web/API/Range/setEndAfter +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.setEndAfter()`** メソッドは {{domxref("Range")}} の終了位置を別の {{domxref("Node")}} から相対的に設定します。この `Range` の終了位置の親 `Node` は `referenceNode` と同じになります。 + +## 構文 + +```js-nolint +setEndAfter(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : その後で {{domxref("Range")}} を終わらせる {{domxref("Node")}} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +const range = document.createRange(); +const referenceNode = document.getElementsByTagName("div").item(0); + +range.setEndAfter(referenceNode); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 44a80a633024cbcac0c2a54658914ce6e061e3c2 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 21:42:07 +0900 Subject: [PATCH 05/11] =?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/setendbefore/index.md | 47 ++++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/ja/web/api/range/setendbefore/index.md diff --git a/files/ja/web/api/range/setendbefore/index.md b/files/ja/web/api/range/setendbefore/index.md new file mode 100644 index 00000000000000..1cfa9e655ffbcb --- /dev/null +++ b/files/ja/web/api/range/setendbefore/index.md @@ -0,0 +1,47 @@ +--- +title: "Range: setEndBefore() メソッド" +short-title: setEndBefore() +slug: Web/API/Range/setEndBefore +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.setEndBefore()`** メソッドは、 `Range` の終了位置を別の {{domxref("Node")}} からの相対位置で設定します。 `Range` の終了位置の親 `Node` は `referenceNode` と同じになります。 + +## 構文 + +```js-nolint +setEndBefore(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : その前で {{domxref("Range")}} を終わらせる {{domxref("Node")}} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +const range = document.createRange(); +const referenceNode = document.getElementsByTagName("div").item(0); + +range.setEndBefore(referenceNode); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From c035f774e391e355769cd17fe7d1aa1e8a4e68e5 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 21:47:27 +0900 Subject: [PATCH 06/11] =?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=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- files/ja/web/api/range/setstart/index.md | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) diff --git a/files/ja/web/api/range/setstart/index.md b/files/ja/web/api/range/setstart/index.md index 788d1ebf9739c1..6ac85b9d4d2f7f 100644 --- a/files/ja/web/api/range/setstart/index.md +++ b/files/ja/web/api/range/setstart/index.md @@ -1,11 +1,14 @@ --- -title: Range.setStart() +title: "Range: setStart() メソッド" +short-title: setStart() slug: Web/API/Range/setStart +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e --- {{ApiRef("DOM")}} -**`Range.setStart()`** メソッドは{{ domxref("Range") }}の開始位置を設定します。 +**`Range.setStart()`** メソッドは、 {{ domxref("Range") }} の開始位置を設定します。 `startNode` の {{domxref("Node")}} の型が {{domxref("Text")}}, {{domxref("Comment")}}, {{domxref("CDataSection")}} のいずれかであるとき、 `startOffset` は `startNode` の開始位置からの文字数です。その他の `Node` 型の場合、 `startOffset` は `startNode` からの子ノード数です。 @@ -13,8 +16,8 @@ slug: Web/API/Range/setStart ## 構文 -```js -setStart(startNode, startOffset); +```js-nolint +setStart(startNode, startOffset) ``` ### 引数 From e17da4432c574e0452ca6b57fcffbb5cef5d6ff1 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 22:11:09 +0900 Subject: [PATCH 07/11] =?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/setstartafter/index.md | 47 +++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/ja/web/api/range/setstartafter/index.md diff --git a/files/ja/web/api/range/setstartafter/index.md b/files/ja/web/api/range/setstartafter/index.md new file mode 100644 index 00000000000000..f6d466219c49ae --- /dev/null +++ b/files/ja/web/api/range/setstartafter/index.md @@ -0,0 +1,47 @@ +--- +title: "Range: setStartAfter() メソッド" +short-title: setStartAfter() +slug: Web/API/Range/setStartAfter +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.setStartAfter()`** メソッドは {{domxref("Node")}} に対する {{domxref("Range")}} の開始位置を設定します。 {{domxref("Range")}} の開始位置の親 {{domxref("Node")}} は `referenceNode` と同じになります。 + +## 構文 + +```js-nolint +setStartAfter(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : その後で {{domxref("Range")}} を始める {{domxref("Node")}} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +const range = document.createRange(); +const referenceNode = document.getElementsByTagName("div").item(0); + +range.setStartAfter(referenceNode); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 795bad1bf60a2140282ba9c0b5e77bf5ac777de8 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 22:14:40 +0900 Subject: [PATCH 08/11] =?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 --- .../ja/web/api/range/setstartbefore/index.md | 47 +++++++++++++++++++ 1 file changed, 47 insertions(+) create mode 100644 files/ja/web/api/range/setstartbefore/index.md diff --git a/files/ja/web/api/range/setstartbefore/index.md b/files/ja/web/api/range/setstartbefore/index.md new file mode 100644 index 00000000000000..fb7cdd28dbdb4b --- /dev/null +++ b/files/ja/web/api/range/setstartbefore/index.md @@ -0,0 +1,47 @@ +--- +title: "Range: setStartBefore() メソッド" +short-title: setStartBefore() +slug: Web/API/Range/setStartBefore +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.setStartBefore()`** メソッドは {{domxref("Range")}} の開始位置を別の {{domxref("Node")}} からの相対位置で設定します。 {{domxref("Range")}} の開始位置の親 {{domxref("Node")}} は `referenceNode` と同じになります。 + +## 構文 + +```js-nolint +setStartBefore(referenceNode) +``` + +### 引数 + +- `referenceNode` + - : その前で {{domxref("Range")}} を始める {{domxref("Node")}} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +```js +const range = document.createRange(); +const referenceNode = document.getElementsByTagName("div").item(0); + +range.setStartBefore(referenceNode); +``` + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From c420944a33ea4f478244f87658cf60ce69fecc9f Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 22:27:12 +0900 Subject: [PATCH 09/11] =?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 --- .../web/api/range/surroundcontents/index.md | 65 +++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 files/ja/web/api/range/surroundcontents/index.md diff --git a/files/ja/web/api/range/surroundcontents/index.md b/files/ja/web/api/range/surroundcontents/index.md new file mode 100644 index 00000000000000..082dfa5456b01b --- /dev/null +++ b/files/ja/web/api/range/surroundcontents/index.md @@ -0,0 +1,65 @@ +--- +title: "Range: surroundContents() メソッド" +short-title: surroundContents() +slug: Web/API/Range/surroundContents +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.surroundContents()`** メソッドは {{ domxref("Range") }} の内容を新しいノードに移動し、新しいノードを指定された範囲の先頭に配置します。 + +このメソッドは `newNode.appendChild(range.extractContents()); range.insertNode(newNode)` とほぼ同じです。 +囲んだ後の `range` の境界点は `newNode` を含みます。 + +ただし、{{ domxref("Range") }} が{{ domxref("Text") }} でないノードをその境界点の 1 つだけで分割した場合は例外が発生します。つまり、上記の代案とは異なり、部分的に選択されたノードがある場合、それらのノードは複製されず、代わりに処理が失敗します。 + +## 構文 + +```js-nolint +surroundContents(newParent) +``` + +### 引数 + +- `newParent` + - : コンテンツを囲む{{ domxref("Node") }} です。 + +### 返値 + +なし ({{jsxref("undefined")}})。 + +## 例 + +### HTML + +```html +Put this in a headline +``` + +### JavaScript + +```js +const range = document.createRange(); +const newParent = document.createElement("h1"); + +range.selectNode(document.querySelector(".header-text")); +range.surroundContents(newParent); +``` + +### 結果 + +{{EmbedLiveSample("Examples")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From 166a0be9422423f8afdd9bd0033f05d55e1ec5f6 Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 22:31:54 +0900 Subject: [PATCH 10/11] =?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/tostring/index.md | 65 ++++++++++++++++++++++++ 1 file changed, 65 insertions(+) create mode 100644 files/ja/web/api/range/tostring/index.md diff --git a/files/ja/web/api/range/tostring/index.md b/files/ja/web/api/range/tostring/index.md new file mode 100644 index 00000000000000..cf3db773aa81c5 --- /dev/null +++ b/files/ja/web/api/range/tostring/index.md @@ -0,0 +1,65 @@ +--- +title: "Range: toString() メソッド" +short-title: toString() +slug: Web/API/Range/toString +l10n: + sourceCommit: c58e8c1dd6ecbcb63894c7dd17fb9495b9511b4e +--- + +{{ApiRef("DOM")}} + +**`Range.toString()`** メソッドは{{Glossary("stringifier", "文字列化")}}で、 {{domxref("Range")}} のテキストを返します。 + +{{domxref("Range")}} の内容を alert で表示すると、暗黙のうちに `toString()` を呼び出すので、アラートダイアログで範囲とテキストを比較しても効果がありません。 + +## 構文 + +```js-nolint +toString() +``` + +### 引数 + +なし。 + +### 返値 + +文字列です。 + +## 例 + +### HTML + +```html +

+ This example logs everything between the emphasized words. + Look at the output below. +

+

+``` + +### JavaScript + +```js +const range = document.createRange(); + +range.setStartBefore(document.getElementsByTagName("em").item(0), 0); +range.setEndAfter(document.getElementsByTagName("em").item(1), 0); +document.getElementById("log").textContent = range.toString(); +``` + +### 結果 + +{{EmbedLiveSample("Examples")}} + +## 仕様書 + +{{Specifications}} + +## ブラウザーの互換性 + +{{Compat}} + +## 関連情報 + +- [DOM インターフェイス索引](/ja/docs/Web/API/Document_Object_Model) From e3919506f57ce56493d01fdc1b48e0db65a6314d Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Fri, 24 Nov 2023 22:53:20 +0900 Subject: [PATCH 11/11] Update files/ja/web/api/range/selectnodecontents/index.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> --- files/ja/web/api/range/selectnodecontents/index.md | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/files/ja/web/api/range/selectnodecontents/index.md b/files/ja/web/api/range/selectnodecontents/index.md index 76863cfb064cca..b8426ee241479a 100644 --- a/files/ja/web/api/range/selectnodecontents/index.md +++ b/files/ja/web/api/range/selectnodecontents/index.md @@ -45,7 +45,8 @@ range.selectNodeContents(referenceNode); ```html

- 以下のボタンを使用してこの段落の内容を選択または選択解除してください。 + 以下のボタンを使用してこの段落の内容を選択または選択解除してください。