Q&A
やりたいこと
特定の要素.mainの中心の高さを取得し、その中心の高さにあるDOM要素を取得したい。
今のコード
javascript
1// .mainの中心の高さを取得 2var mainH = document.getElementsByClassName("main").offsetHeight; 3var mainHCenter = mainH / 2; 4 5// .mainの中心の高さにある要素を取得 6var centerElm = document.elementFromPoint(x座標, y座標);
指定した場所にある要素を取得できるというdocument.elementFromPoint()を使いたいのですが、
どうやら x座標/y座標 を指定しないといけないらしく、取得方法に困っています。
JSで「.mainの中心の高さの x座標/y座標」を取るにはどうしたらいいでしょうか？
回答1件
0
getBoundingClientRectで座標がわかりますよ。
【Element.getBoundingClientRect() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Element/getBoundingClientRect
【JavaScript で DOM 要素の絶対座標を取得する方法 | phiary】
http://phiary.me/javascript-get-bounding-client-rect-absolute-position/
ちなみにgetElementsByClassNameは配列のようなHTMLCollectionを返すので、書かれている使い方ではアクセスできませんよ。
【Document.getElementsByClassName() - Web API | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/getElementsByClassName
投稿2019/04/12 12:32
総合スコア69625
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。