From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/range/clonecontents/index.html | 59 +++++++++ files/ja/web/api/range/collapsed/index.html | 27 ++++ .../api/range/commonancestorcontainer/index.html | 127 ++++++++++++++++++ files/ja/web/api/range/endcontainer/index.html | 57 ++++++++ files/ja/web/api/range/endoffset/index.html | 61 +++++++++ files/ja/web/api/range/index.html | 147 +++++++++++++++++++++ files/ja/web/api/range/intersectsnode/index.html | 47 +++++++ files/ja/web/api/range/setstart/index.html | 112 ++++++++++++++++ files/ja/web/api/range/startcontainer/index.html | 55 ++++++++ files/ja/web/api/range/startoffset/index.html | 63 +++++++++ 10 files changed, 755 insertions(+) create mode 100644 files/ja/web/api/range/clonecontents/index.html create mode 100644 files/ja/web/api/range/collapsed/index.html create mode 100644 files/ja/web/api/range/commonancestorcontainer/index.html create mode 100644 files/ja/web/api/range/endcontainer/index.html create mode 100644 files/ja/web/api/range/endoffset/index.html create mode 100644 files/ja/web/api/range/index.html create mode 100644 files/ja/web/api/range/intersectsnode/index.html create mode 100644 files/ja/web/api/range/setstart/index.html create mode 100644 files/ja/web/api/range/startcontainer/index.html create mode 100644 files/ja/web/api/range/startoffset/index.html (limited to 'files/ja/web/api/range') diff --git a/files/ja/web/api/range/clonecontents/index.html b/files/ja/web/api/range/clonecontents/index.html new file mode 100644 index 0000000000..27b7da2a93 --- /dev/null +++ b/files/ja/web/api/range/clonecontents/index.html @@ -0,0 +1,59 @@ +--- +title: Range.cloneContents() +slug: Web/API/Range/cloneContents +translation_of: Web/API/Range/cloneContents +--- +

{{ APIRef("DOM") }}

+ +

Range.cloneContents()は、{{ domxref("Range") }}に含まれる{{ domxref("Node") }}タイプのオブジェクトをコピーする{{ domxref("DocumentFragment") }}を返します。

+ +

DOMイベントを使用して追加されたイベントリスナーは、複製中にコピーされません。 HTML属性イベントは、DOM Core cloneNodeメソッドの場合と同様に複製されます。 HTML id属性も複製されるため、複製によって無効なドキュメントが作成される可能性があります。

+ +

部分的に選択されたノードには、ドキュメントフラグメントを有効にするために必要な親タグが含まれます。

+ +

構文

+ +
documentFragment = range.cloneContents();
+
+ +

例

+ +
range = document.createRange();
+range.selectNode(document.getElementsByTagName("div").item(0));
+documentFragment = range.cloneContents();
+document.body.appendChild(documentFragment);
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-clonecontents', 'Range.cloneContents()')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-cloneContents', 'Range.cloneContents()')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.cloneContents")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/collapsed/index.html b/files/ja/web/api/range/collapsed/index.html new file mode 100644 index 0000000000..4d7f3ffe3c --- /dev/null +++ b/files/ja/web/api/range/collapsed/index.html @@ -0,0 +1,27 @@ +--- +title: range.collapsed +slug: Web/API/Range/collapsed +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/Range/collapsed +--- +

{{ ApiRef() }}

+

Summary

+

range の始点と終点が同じ位置にあるか、boolean値を返します。

+

Syntax

+
isCollapsed = range.collapsed;
+
+

Example

+
range = document.createRange();
+range.setStart(startNode,startOffset);
+range.setEnd(endNode,endOffset);
+isCollapsed = range.collapsed;
+
+

Notes

+

range の始点と終点が DOM において同じ点にあるとき、true を返し、そうでないとき false を返します。

+

折り畳まれた range は空で、内容を含まず、DOM tree 内の1点を示しています。collapsed プロパティは読取専用です。range の折り畳みについては、 collapse メソッドを参照してください。

+

Specification

+

collapsed

+

{{ languages( { "en": "en/DOM/range.collapsed", "es": "es/DOM/range.collapsed" } ) }}

diff --git a/files/ja/web/api/range/commonancestorcontainer/index.html b/files/ja/web/api/range/commonancestorcontainer/index.html new file mode 100644 index 0000000000..114ebdc5d6 --- /dev/null +++ b/files/ja/web/api/range/commonancestorcontainer/index.html @@ -0,0 +1,127 @@ +--- +title: Range.commonAncestorContainer +slug: Web/API/Range/commonAncestorContainer +translation_of: Web/API/Range/commonAncestorContainer +--- +
{{ApiRef("DOM")}}
+ +
Range.commonAncestorContainer は読み込み専用のプロパティで、{{domxref("Range")}}の中の 境界点 で最も深いもしくはドキュメントツリーから最も遠い両方を含む {{domxref("Node")}} を返します。つまり、{{domxref("Range.startContainer")}} と {{domxref("Range.endContainer")}} 両方が同じノードを参照する場合は、このノードは共通の祖先コンテナです。
+ +
+ +
Range は連続している必要はなく、ノードを部分的に選択する場合もあり、これは Range を囲っている Node を見つけるときに便利な方法です。
+ +
+ +
これは読み取り専用プロパティです。 Node の共通祖先コンテナを変更するため、Range の開始位置と終了位置をセットするため {{domxref("Range.setStart()")}} と {{domxref("Range.setEnd()")}} のような利用可能な様々なメソッドを利用することを検討します。
+ +

構文

+ +
rangeAncestor = range.commonAncestorContainer;
+ +

使用例

+ +

この例ではリスト上の {{Event("pointerup")}} イベントを取り扱うためイベントリスナーを作ります。このリスナーは選択したテキスト共通祖先を取得して、それらをハイライトするアニメーションを引き起こします。

+ +

HTML

+ +
<ul>
+  <li>Strings
+    <ul>
+      <li>Cello</li>
+      <li>Violin
+        <ul>
+          <li>First Chair</li>
+          <li>Second Chair</li>
+        </ul>
+      </li>
+    </ul>
+  </li>
+  <li>Woodwinds
+    <ul>
+      <li>Clarinet</li>
+      <li>Oboe</li>
+    </ul>
+  </li>
+</ul>
+ +

CSS

+ +

作成した以下の .highlight クラスはフェードするアウトラインを動かすためのCSS {{cssxref("@keyframes")}} のセットを使用します。

+ +
.highlight {
+  animation: highlight linear 1s;
+}
+
+@keyframes highlight {
+  from { outline: 1px solid #f00f; }
+  to   { outline: 1px solid #f000; }
+}
+ + + +

JavaScript

+ +
document.addEventListener('pointerup', e => {
+  const selection = window.getSelection();
+
+  if (selection.type === 'Range') {
+    for (let i = 0; i < selection.rangeCount; i++) {
+      const range = selection.getRangeAt(i);
+      playAnimation(range.commonAncestorContainer);
+    }
+  }
+});
+
+function playAnimation(el) {
+  if (el.nodeType === Node.TEXT_NODE) {
+    el = el.parentNode;
+  }
+
+  el.classList.remove('highlight');
+  setTimeout(() => {
+    el.classList.add('highlight');
+  }, 0);
+}
+ +

結果

+ +

{{EmbedLiveSample("Example", 700, 190)}}

+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-commonancestorcontainer', 'Range.commonAncestorContainer')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-commonParent', 'Range.commonAncestorContainer')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.commonAncestorContainer")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/endcontainer/index.html b/files/ja/web/api/range/endcontainer/index.html new file mode 100644 index 0000000000..0c64e17548 --- /dev/null +++ b/files/ja/web/api/range/endcontainer/index.html @@ -0,0 +1,57 @@ +--- +title: Range.endContainer +slug: Web/API/Range/endContainer +translation_of: Web/API/Range/endContainer +--- +
{{ApiRef("DOM")}}
+ +

The Range.endContainer は読み取り専用プロパティで、{{domxref("Range")}} 終了位置の中の{{domxref("Node")}} を返します。ノードの終了位置を変更するために {{domxref("Range.setEnd()")}} または同様のメソッドを利用します。

+ +

構文

+ +
endRangeNode = range.endContainer;
+
+ +

例

+ +
var range = document.createRange();
+
+range.setStart(startNode,startOffset);
+range.setEnd(endNode,endOffset);
+endRangeNode = range.endContainer;
+
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-endcontainer', 'Range.endContainer')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-endParent', 'Range.endContainer')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.endContainer")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/endoffset/index.html b/files/ja/web/api/range/endoffset/index.html new file mode 100644 index 0000000000..b4583e85bb --- /dev/null +++ b/files/ja/web/api/range/endoffset/index.html @@ -0,0 +1,61 @@ +--- +title: Range.endOffset +slug: Web/API/Range/endOffset +translation_of: Web/API/Range/endOffset +--- +
{{ApiRef("DOM")}}
+ +

Range.endOffset 読み取り専用プロパティは、 {{domxref("Range.endContainer")}} の　{{domxref("Range")}} が終了する場所を表す数値を返します。

+ +

endContainerが {{domxref("Text")}}、{{domxref("Comment")}}、または{{domxref("CDATASection")}} タイプの{{domxref("Node")}}である場合、オフセットは終了コンテナの開始から{{domxref("Range")}}の境界点までの文字数です。

+ +

他の「ノード」タイプの場合、endOffsetは、endContainerの開始点と{{domxref("Range")}}の境界点の間の子ノードの数です。

+ +

このプロパティは読み取り専用です。 {{domxref("Range")}}のendOffsetを変更するには、{{domxref("Range.setEnd")}}メソッドのいずれかを使用します。

+ +

構文

+ +
endRangeOffset = range.endOffset;
+
+ +

例

+ +
var range = document.createRange();
+
+range.setStart(startNode,startOffset);
+range.setEnd(endNode,endOffset);
+endRangeOffset = range.endOffset;
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-endoffset', 'Range.endOffset')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-endOffset', 'Range.endOffset')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.endOffset")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/index.html b/files/ja/web/api/range/index.html new file mode 100644 index 0000000000..4edb6c4d41 --- /dev/null +++ b/files/ja/web/api/range/index.html @@ -0,0 +1,147 @@ +--- +title: Range +slug: Web/API/Range +tags: + - API + - DOM +translation_of: Web/API/Range +--- +

{{APIRef("DOM")}}

+ +

Range インターフェイスは、ノードやテキストノードの部品を含むことができる文書の断片を表します。

+ +

Range は {{domxref("document")}} オブジェクトの {{domxref("document.createRange", "createRange()")}} メソッドにより生成することができます。また、{{domxref("Selection")}} オブジェクトの {{domxref("Selection/getRangeAt", "getRangeAt()")}} メソッドや {{domxref("Document")}} オブジェクトの {{domxref("Document/caretRangeFromPoint", "caretRangeFromPoint()")}} メソッドにより取得することもできます。

+ +

さらに、{{domxref("Range.Range()", "Range()")}} コンストラクターも使用できます。

+ +

プロパティ

+ +

継承しているプロパティはありません。

+ +
+
{{domxref("Range.collapsed")}} {{readonlyInline}}
+
Range の始点と終点が同じ位置にあるか否かを示す {{domxref("Boolean")}} を返す
+
{{domxref("Range.commonAncestorContainer")}} {{readonlyInline}}
+
startContainer と endContainer をともに含む、最も深い {{domxref("Node")}} を返す
+
{{domxref("Range.endContainer")}} {{readonlyInline}}
+
Range の終点を含む {{domxref("Node")}} を返す
+
{{domxref("Range.endOffset")}} {{readonlyInline}}
+
endContainer の中での Range の終点の位置を示す数字を返す
+
{{domxref("Range.startContainer")}} {{readonlyInline}}
+
Range の始点を含む {{domxref("Node")}} を返す
+
{{domxref("Range.startOffset")}} {{readonlyInline}}
+
startContainer の中での Range の始点の位置を示す数字を返す
+
+ +

コンストラクター

+ +
+
{{ domxref("Range.Range()", "Range()") }} {{experimental_inline}}
+
始点および終点がグローバルな {{domxref("Document")}} である Range オブジェクトを返します。
+
+ +

メソッド

+ +

継承しているメソッドはありません。

+ +
+
{{ domxref("Range.setStart()")}}
+
Range の始点を設定
+
{{ domxref("Range.setEnd()")}}
+
Range の終点を設定
+
{{ domxref("Range.setStartBefore()")}}
+
他の {{domxref("Node")}} を基準に Range の始点を設定
+
{{ domxref("Range.setStartAfter()")}}
+
他の {{domxref("Node")}} を基準に Range の始点を設定
+
{{ domxref("Range.setEndBefore()")}}
+
他の {{domxref("Node")}} を基準に Range の終点を設定
+
{{ domxref("Range.setEndAfter()")}}
+
他の {{domxref("Node")}} を基準に Range の終点を設定
+
{{ domxref("Range.selectNode()")}}
+
Range を、ある {{domxref("Node")}} とその内容を含むように設定
+
{{ domxref("Range.selectNodeContents()")}}
+
Range を、ある {{domxref("Node")}} の内容を含むように設定
+
{{ domxref("Range.collapse()")}}
+
Range をその端点の一方へ折りたたむ
+
{{ domxref("Range.cloneContents()")}}
+
Range の中身をコピーした {{domxref("DocumentFragment")}} を返す
+
{{ domxref("Range.deleteContents()")}}
+
Range の中身を {{domxref("Document")}} から削除
+
{{ domxref("Range.extractContents()")}}
+
Range の中身をドキュメントツリーから {{domxref("DocumentFragment")}} に移動
+
{{ domxref("Range.insertNode()")}}
+
Range の始点に {{domxref("Node")}} を挿入
+
{{ domxref("Range.surroundContents()")}}
+
Range の中身を新しい {{domxref("Node")}} の中に移動
+
{{ domxref("Range.compareBoundaryPoints()")}}
+
2 つの Range の端点の位置を比較
+
{{ domxref("Range.cloneRange()")}}
+
元の Range と同じ端点を持つ Range オブジェクトを返す
+
{{ domxref("Range.detach()")}}
+
パフォーマンスを改善するために、 Range を使用状態から開放
+
{{ domxref("Range.toString()")}}
+
Range の内容を文字列として返す
+
{{ domxref("Range.compareNode()")}} {{ Obsolete_inline }}{{non-standard_inline}}
+
{{domxref("Node")}} が range の前、後、中、外のうちのいずれの場所にあるかを示す定数を返す
+
{{ domxref("Range.comparePoint()")}} {{experimental_inline}}
+
指定された点が Range の前、中、後のうちのいずれの場所にあるかを -1、0、1 で示す
+
{{ domxref("Range.createContextualFragment()")}}{{experimental_inline}}
+
渡された文字列から生成した {{domxref("DocumentFragment")}} を返す
+
{{ domxref("Range.getBoundingClientRect()") }} {{experimental_inline}}
+
Range の内容の全体に結びつく {{domxref("DOMRect")}} オブジェクトを返します。これは、{{domxref("Range.getClientRects()")}} が返すすべての長方形の集合体です。
+
{{ domxref("Range.getClientRects()") }} {{experimental_inline}}
+
Range 内のすべての要素について、{{domxref("Element.getClientRects()")}} の結果をまとめた {{domxref("DOMRect")}} オブジェクトのリストを返します。
+
{{ domxref("Range.intersectsNode()")}} {{experimental_inline}}
+
指定ノードの範囲が Range と交差するか否かを示す boolean を返す
+
{{ domxref("Range.isPointInRange()")}} {{experimental_inline}}
+
与えられた点が Range の中にあるか否かを示す boolean を返す
+
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('DOM WHATWG', '#interface-range', 'Range')}}{{Spec2('DOM WHATWG')}}今後は RangeException は使用せず、代わりに DOMException を使用します。
+ collapse() の第 2 引数を省略可能に変更。
+ isPointInRange(), comparePoint(), intersectsNode() メソッドを追加。
+ Range() コンストラクターを追加。
{{SpecName('DOM Parsing', '#extensions-to-the-range-interface', 'Extensions to Range')}}{{Spec2('DOM Parsing')}}createContextualFragment() メソッドを追加。
{{SpecName('CSSOM View', '#extensions-to-the-range-interface', 'Extensions to Range')}}{{Spec2('CSSOM View')}}getClientRects() および getBoundingClientRect() メソッドを追加。
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-Interface', 'Range')}}{{Spec2('DOM2 Traversal_Range')}}s初回定義
+ +

ブラウザーの互換性

+ + + +

{{Compat("api.Range")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/intersectsnode/index.html b/files/ja/web/api/range/intersectsnode/index.html new file mode 100644 index 0000000000..3efd79b0a4 --- /dev/null +++ b/files/ja/web/api/range/intersectsnode/index.html @@ -0,0 +1,47 @@ +--- +title: range.intersectsNode +slug: Web/API/Range/intersectsNode +tags: + - DOM + - Gecko + - Gecko DOM Reference +translation_of: Web/API/Range/intersectsNode +--- +
+ {{ApiRef}} {{Obsolete_header}}
+

概要

+

指定ノードが range と交差するか否かを示すブール値を返します。

+

構文

+
bool = range.intersectsNode( referenceNode )
+
+

引数

+
+
+ referenceNode
+
+ Range と比較する Node
+
+

例

+
var range = document.createRange();
+
+range.selectNode(document.getElementsByTagName("div").item(0));
+var bool = range.intersectsNode(document.getElementsByTagName("p").item(0));
+

注記

+

このメソッドは廃止されました。代わりに W3C DOM Range メソッドを用います（※参照: compareBoundaryPoints() ）

+
+ 注意: このメソッドは Gecko 1.9 より削除されています。もし既にこのメソッドを用いている場合、出来るだけ早く、 compareBoundaryPoints() に切り替えて下さい。
+

次の関数を代替として用いる事が出来ます。

+
function rangeIntersectsNode(range, node) {
+  var nodeRange = node.ownerDocument.createRange();
+  try {
+    nodeRange.selectNode(node);
+  }
+  catch (e) {
+    nodeRange.selectNodeContents(node);
+  }
+
+  return range.compareBoundaryPoints(Range.END_TO_START, nodeRange) == -1 &&
+         range.compareBoundaryPoints(Range.START_TO_END, nodeRange) == 1;
+}
+

仕様

+

このメソッドは仕様書には含まれていません。

diff --git a/files/ja/web/api/range/setstart/index.html b/files/ja/web/api/range/setstart/index.html new file mode 100644 index 0000000000..602b195c6b --- /dev/null +++ b/files/ja/web/api/range/setstart/index.html @@ -0,0 +1,112 @@ +--- +title: Range.setStart +slug: Web/API/Range/setStart +translation_of: Web/API/Range/setStart +--- +

{{ apiref("Range") }}

+ +

Range.setStart() メソッドは{{ domxref("Range") }}の開始位置を指定します。

+ +

startNode が Text, Comment, あるいは CDATASection タイプの {{ domxref("Node") }}  であるとき、startOffsetはstartNodeの開始位置からの文字数です。その他のNodeタイプの場合、 startOffsetはstartNodeからの子ノード数です。

+ +

開始位置を終了位置よりも下（ドキュメントよりも下）に指定すると ERROR_ILLEGAL_VALUE {{domxref("DOMException")}} 例外が投げられます。

+ +

Syntax

+ +
range.setStart(startNode, startOffset);
+
+ +

Parameters

+ +
+
startNode
+
{{ domxref("Range") }} を開始する {{ domxref("Node") }}
+
startOffset 
+
{{ domxref("Range") }}の開始位置を示すstartNodeオフセット（非負整数）
+
+ +

Example

+ +
var range = document.createRange();
+var startNode = document.getElementsByTagName("p").item(2);
+var startOffset = 0;
+range.setStart(startNode,startOffset);
+
+ +

Specifications

+ + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{SpecName('DOM WHATWG', '#dom-range-setstart', 'Range.setStart()')}}{{Spec2('DOM WHATWG')}}No change.
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level2-Range-method-setStart', 'Range.setStart()')}}{{Spec2('DOM2 Traversal_Range')}}Initial specification.
+ +

Browser compatibility

+ +

{{CompatibilityTable}}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support{{CompatVersionUnknown}}{{CompatGeckoDesktop("1.0")}}9.09.0{{CompatVersionUnknown}}
+
+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureAndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support{{CompatVersionUnknown}}{{CompatGeckoMobile("1.0")}}9.09.0{{CompatVersionUnknown}}
+
+ +

See also

+ + diff --git a/files/ja/web/api/range/startcontainer/index.html b/files/ja/web/api/range/startcontainer/index.html new file mode 100644 index 0000000000..9f9ca075e5 --- /dev/null +++ b/files/ja/web/api/range/startcontainer/index.html @@ -0,0 +1,55 @@ +--- +title: Range.startContainer +slug: Web/API/Range/startContainer +translation_of: Web/API/Range/startContainer +--- +

{{ApiRef("DOM")}}

+ +

Range.startContainer読み取り専用プロパティは、Rangeが開始する{{domxref("Node")}}を返します。ノードの開始位置を変更するには、{{domxref("Range.setStart()")}}メソッドのいずれかを使用します。

+ +

構文

+ +
startRangeNode = range.startContainer;
+
+ +

例

+ +
range = document.createRange();
+range.setStart(startNode,startOffset);
+range.setEnd(endNode,endOffset);
+startRangeNode = range.startContainer;
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-startcontainer', 'Range.endContainer')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-startParent', 'Range.startContainer')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.startContainer")}}

+ +

関連情報

+ + diff --git a/files/ja/web/api/range/startoffset/index.html b/files/ja/web/api/range/startoffset/index.html new file mode 100644 index 0000000000..76bf050c65 --- /dev/null +++ b/files/ja/web/api/range/startoffset/index.html @@ -0,0 +1,63 @@ +--- +title: Range.startOffset +slug: Web/API/Range/startOffset +translation_of: Web/API/Range/startOffset +--- +

{{ApiRef("DOM")}}

+ +

Range.startOffset読み取り専用プロパティは、startContainerのRangeの開始位置を表す数値を返します。

+ +

startContainerがタイプ{{domxref("Text")}}、{{domxref("Comment")}}、または{{domxref("CDATASection")}}の{{domxref("Node")}}である場合、オフセットはstartContainerの開始から{{domxref("Range")}}.の境界点までの文字数です。他の{{domxref("Node")}}タイプの場合、startOffsetは、startContainerの開始点と{{domxref("Range")}}の境界点の間の子ノードの数です。

+ + + + + +

{{domxref("Range")}}のstartOffsetを変更するには、{{domxref("Range.setStart")}} メソッドを使用します。

+ +

構文

+ +
startRangeOffset = range.startOffset;
+
+ +

例

+ +
var range = document.createRange();
+range.setStart(startNode,startOffset);
+range.setEnd(endNode,endOffset);
+var startRangeOffset = range.startOffset;
+
+ +

仕様

+ + + + + + + + + + + + + + + + + + + +
仕様ステータスコメント
{{SpecName('DOM WHATWG', '#dom-range-startoffset', 'Range.startOffset')}}{{Spec2('DOM WHATWG')}}変更なし
{{SpecName('DOM2 Traversal_Range', 'ranges.html#Level-2-Range-attr-startOffset', 'Range.startOffset')}}{{Spec2('DOM2 Traversal_Range')}}初期仕様
+ +

ブラウザの互換性

+ + + +

{{Compat("api.Range.startOffset")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf