initial commit

1 files changed, 49 insertions, 0 deletions

diff --git a/files/ja/web/api/document/elementfrompoint/index.html b/files/ja/web/api/document/elementfrompoint/index.html
new file mode 100644
index 0000000000..1017a6e0c0
--- /dev/null
+++ b/files/ja/web/api/document/elementfrompoint/index.html
@@ -0,0 +1,49 @@
+---
+title: document.elementFromPoint
+slug: Web/API/Document/elementFromPoint
+tags:
+  - DOM
+  - Gecko
+  - Gecko DOM Reference
+translation_of: Web/API/DocumentOrShadowRoot/elementFromPoint
+---
+<div>
+ {{ApiRef()}} {{Fx_minversion_header(3)}}</div>
+<h2 id="Summary" name="Summary">概要</h2>
+<p>文書の左上を基点として指定された座標上にある要素を返します。</p>
+<h2 id="Syntax" name="Syntax">構文</h2>
+<pre class="syntaxbox"><var>element</var> = document.elementFromPoint(<i>x</i>,<i>y</i>);</pre>
+<ul>
+ <li><code>element</code> には <a href="/ja/docs/DOM/element">element</a> オブジェクトが入ります。</li>
+ <li><code>x</code> と <code>y</code> には取得したい要素の座標を指定してください。</li>
+</ul>
+<h2 id="Example" name="Example">例</h2>
+<pre class="brush:html">&lt;!DOCTYPE html&gt;
+&lt;html lang="ja"&gt;
+&lt;head&gt;
+&lt;title&gt;elementFromPoint の使用例&lt;/title&gt;
+
+&lt;script&gt;
+function changeColor(newColor) {
+  elem = document.elementFromPoint(2, 2);
+  elem.style.color = newColor;
+}
+&lt;/script&gt;
+&lt;/head&gt;
+
+
+&lt;body&gt;
+&lt;p id="para1"&gt;色は匂へど　散りぬるを……&lt;/p&gt;
+&lt;button onclick="changeColor('blue');"&gt;blue&lt;/button&gt;
+&lt;button onclick="changeColor('red');"&gt;red&lt;/button&gt;
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+<h2 id="Notes" name="Notes">注記</h2>
+<p>指定された座標にある要素が別のドキュメント(例えば iframe　内にあるサブドキュメント) に属する場合、指定された座標にあるドキュメントの DOM 要素 (iframe) を返します。もし指定された座標にある要素が匿名あるいは textbox のスクロールバーのように XBL によって生成された内容の場合、指定された座標にある要素を基点として、匿名ではない最初の親要素(例えば textbox)が返されます。</p>
+<p>指定された座標がドキュメントの表示外にあるか、座標のどちらかに負の値が設定されている場合は <code>NULL</code> を返します。</p>
+<p>{{Note("XUL ドキュメントからは onload イベントが発生するまでは、このメソッドを使用してはいけません。")}}</p>
+<h2 id="Specification" name="Specification">仕様</h2>
+<ul>
+ <li>仮仕様: <a class="external" href="http://dev.w3.org/csswg/cssom/#documentlayout-elementfrompoint"><code>elementFromPoint</code></a></li>
+</ul>