正方形divの位置を取得する方法jQuery/JavaScript

Question

setInterval(function() { 
    var divPosition = $('div').position(); 


    console.log('X: ' + divPosition.left + ", Y: " + divPosition.top"); 
}, 500); 

このdivのxとyの位置を取得できます。 left/topですが、ページ上の四角形のdivです。私はまた、ページの周りに飛んでセクションタグを追跡している、私は基本的にif (_thesectiontag_.left == _thesquarediv_.left || _thesectiontag_.top == _thesquarediv_.top) ... do somethingをしたいので、sectionタグは、ページのdiv座標内にある場合何かを行う。

しかし、私はそれを行うために正方形の完全な寸法を得る必要があります。私はどこから始めるべきなのか、どうやってそれをどうやって行くのか分からない。

誰でも助けてもらえますか？ありがとうございました！

Answer 1

$('div').height($('div').width()); 

Answer 2

使用し、この2つのコード：幅に対して

を、高さがパディング含む：パディング、スクロールバーと境界を含む幅と高さの

var Height = document.getElementById('square').clientHeight; 

var Width = document.getElementById('square').clientWidth; 

を：

var Height = document.getElementById('square').offsetHeight; 

var Width = document.getElementById('square').offsetWidth;