私は自分のHTML文書にいくつかのCSSクラスを持つdiv要素を持っていて、その要素のx、y位置を取得したいと考えています。javascriptを使ってhtml要素のx、yの位置を取得する方法
答えて
使用getBoundingClientRect
:たとえば http://ejohn.org/blog/getboundingclientrect-is-awesome/
:
var div = document.getElementById("yourDiv");
var rect = div.getBoundingClientRect();
alert("Coordinates: " + rect.left + "px, " + rect.top + "px");
がgetBoundingClientRect
があることを意味し、現在のビューポート、相対座標を与えることを忘れないでください、あなたは相対座標を知りたい場合document.body
の場合は、水平スクロール量と垂直スクロール量を追加する必要があります(document.documentElement.scrollLeft
またはdocument.body.scrollLeft
、Firefoxの場合はもちろん210)。私は理解していれば
、あなたは、どのようにあなたが右、上、高さのアクセスもを持ってそれをHTML要素
# first tag link of this page
document.getElementsByClassName('post-taglist')[0].children[0].getClientRects()[0]
# question div
document.getElementById('question').getClientRects()[0]
のてClientRectを取得するために、このhttp://www.quirksmode.org/js/findpos.html
例怒鳴るショーをやりたいです幅、左および下の属性。
'getClientRects'は過剰ですので、すべてを知る必要はありません。すべての矩形を取得する主な理由は、テキストの行の位置とサイズを知りたい場合です。 – MaxArt
NM。 MaxArtが他のところで書いたものを逃した。 –
- 1. x、yの位置を使ってテキストビューを配置する方法
- 2. mousemove over要素 - 正確なマウス位置を得るX Y
- 3. iframe内の要素のY位置を取得する
- 4. JavaScriptを使用してx/y位置に点を描画する方法
- 5. レイアウトのアイテムの位置を取得する(xとyのパラメータ)
- 6. リスト内の要素の位置を取得する方法は?
- 7. JavaScriptのx座標とy座標のキャレット位置を取得する
- 8. 子要素の位置を取得する方法
- 9. StackPanelで要素の位置を取得する方法は?
- 10. イメージ要素の絶対位置を取得する方法は?
- 11. 要素ごとに左の位置を取得する方法
- 12. UIWebViewで要素の位置を取得する方法は?
- 13. 特定のピクセルのx、y位置を取得
- 14. x、y位置にImageButtonを配置する方法は?
- 15. 指定された位置に要素を取得する - JavaScript
- 16. 要素の位置をjavascriptとjqueryの親に追加した後の位置の取得方法は?
- 17. Javascript/jQueryを使用したXとYの位置付け
- 18. document.elementFromPoint(x、y)iframe内の要素を取得する
- 19. SQL Server:位置(x、y)のセル値を更新する方法
- 20. pdfのテキストのx、yの位置を見つける方法
- 21. 位置によって要素を取得
- 22. xとyの位置。
- 23. Pythonを使ってx、y座標を取得する方法は?
- 24. javascriptを使用して要素インデックスを取得する方法
- 25. Javascript/jquery、(x、y)のすべてのdivの位置を取得します。転送の接触?
- 26. 要素の一番上の位置を取得する方法は?
- 27. iosのモバイルjQuery - UIWebViewで要素の位置を取得する方法は?
- 28. javascriptを使用してHTMLテキストノードの位置とサイズを取得する方法は?例については
- 29. javascriptでマウスのxとyの位置を表示
- 30. CSS3-3d変換要素のスクリーン位置を取得する方法は?
x、yの位置をどのように取得するのですか?ドキュメント/ウィンドウ?またはその親ですか? – Ian
文書内のx、yの位置を取得します。 –