aboutsummaryrefslogtreecommitdiff
path: root/files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html
diff options
context:
space:
mode:
authorPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
committerPeter Bengtsson <mail@peterbe.com>2020-12-08 14:40:17 -0500
commit33058f2b292b3a581333bdfb21b8f671898c5060 (patch)
tree51c3e392513ec574331b2d3f85c394445ea803c6 /files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html
parent8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff)
downloadtranslated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2
translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip
initial commit
Diffstat (limited to 'files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html')
-rw-r--r--files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html82
1 files changed, 82 insertions, 0 deletions
diff --git a/files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html b/files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html
new file mode 100644
index 0000000000..7c5c0920cd
--- /dev/null
+++ b/files/ja/web/api/documentorshadowroot/nodesfrompoint/index.html
@@ -0,0 +1,82 @@
+---
+title: DocumentOrShadowRoot.nodesFromPoint()
+slug: Web/API/DocumentOrShadowRoot/nodesFromPoint
+tags:
+ - API
+ - DocumentOrShadowRoot
+ - Method
+ - Non-standard
+ - Reference
+ - nodesFromPoint
+ - メソッド
+translation_of: Web/API/DocumentOrShadowRoot
+---
+<div>{{APIRef("DOM")}}{{Non-standard_header}}</div>
+
+<p><span class="seoSummary">{{domxref("DocumentOrShadowRoot")}} インターフェイスの <strong><code>nodesFromPoint()</code></strong> プロパティは、 (ビューポートからの相対で) 指定された座標のすべてのノードの配列を返します。</span></p>
+
+<p>現在のところ、このメソッドは Firefox でしか実装されておらず、クロムコードでのみ利用できます。</p>
+
+<h2 id="Syntax" name="Syntax">構文</h2>
+
+<pre class="syntaxbox">var nodes = document.nodesFromPoint(x, y);</pre>
+
+<h3 id="Parameters" name="Parameters">引数</h3>
+
+<dl>
+ <dt>x</dt>
+ <dd>点の水平座標。</dd>
+ <dt>y</dt>
+ <dd>点の垂直座標。</dd>
+</dl>
+
+<h3 id="Returns" name="Returns">返値</h3>
+
+<p>{{domxref('Node')}} オブジェクトの配列。</p>
+
+<h2 id="Example" name="Example">例</h2>
+
+<h3 id="HTML_Content" name="HTML_Content">HTML コンテンツ</h3>
+
+<pre class="brush: html">&lt;div&gt;
+ &lt;p&gt;Some text&lt;/p&gt;
+&lt;/div&gt;
+&lt;p&gt;Nodes at point 30, 20:&lt;/p&gt;
+&lt;div id="output"&gt;&lt;/div&gt;
+</pre>
+
+<h3 id="JavaScript_Content" name="JavaScript_Content">JavaScript コンテンツ</h3>
+
+<pre class="brush: js;highlight[1]">var output = document.getElementById("output");
+if (document.nodesFromPoint) {
+ var nodes = document.nodesFromPoint(30, 20);
+ for(var i = 0; i &lt; nodes.length; i++) {
+ output.textContent += nodes[i].localName;
+ if (i &lt; nodes.length - 1) {
+ output.textContent += " &lt; ";
+ }
+ }
+} else {
+ output.innerHTML = "&lt;span style=\"color: red;\"&gt;" +
+ "Browser does not support &lt;code&gt;document.nodesFromPoint()&lt;/code&gt;" +
+ "&lt;/span&gt;";
+}</pre>
+
+<p>{{EmbedLiveSample('Example', '420', '120')}}</p>
+
+<h2 id="Specifications" name="Specifications">仕様書</h2>
+
+<p>現在はどの仕様書にも含まれていません。</p>
+
+<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの対応</h2>
+
+<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>
+
+<p>{{Compat("api.DocumentOrShadowRoot.nodesFromPoint")}}</p>
+
+<h2 id="See_Also" name="See_Also">関連情報</h2>
+
+<ul>
+ <li>{{DOMxRef("DocumentOrShadowRoot.nodeFromPoint()")}}</li>
+ <li>{{DOMxRef("DocumentOrShadowRoot.elementsFromPoint()")}}</li>
+</ul>