このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。
Document: elementsFromPoint() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2020年1月以降、すべてのブラウザーで利用可能です。
elementsFromPoint() は Document インターフェイスのメソッドで、指定された(ビューポートからの相対位置の)座標にあるすべての要素の配列を返します。
要素はビューポートの最上位のボックスから最下位のボックスに向けて並べられます。
これは elementFromPoint() メソッドと同じような方法で動作します。
構文
js
elementsFromPoint(x, y)
引数
返値
Element オブジェクトの配列で、ビューポートの最上位のボックスから最下位のボックスに向けて並べられます。
例
HTML
html
<div>
<p>Some text</p>
</div>
<p>Elements at point 30, 20:</p>
<div id="output"></div>
JavaScript
js
let output = document.getElementById("output");
if (document.elementsFromPoint) {
let elements = document.elementsFromPoint(30, 20);
elements.forEach((elt, i) => {
output.textContent += elt.localName;
if (i < elements.length - 1) {
output.textContent += " < ";
}
});
} else {
output.innerHTML =
'<span style="color: red;">' +
"Browser does not support <code>document.elementsFromPoint()</code>" +
"</span>";
}
結果
[フレーム]
仕様書
| 仕様書 |
|---|
| CSSOM View Module # dom-document-elementsfrompoint |
ブラウザーの互換性
ブラウザー互換性一覧表を表示するには、JavaScript を有効にしてください。