Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何获取正方形div jQuery/JavaScript的位置_Javascript_Jquery_Html - Fatal编程技术网

如何获取正方形div jQuery/JavaScript的位置

如何获取正方形div jQuery/JavaScript的位置,javascript,jquery,html,Javascript,Jquery,Html,所以我可以得到这个div的x和y位置。左/上,但它在页面上是一个正方形div。我也在跟踪一个在页面上飞来飞去的分区标记,我想基本上做的是如果_thesectiontag uu.left==_thesquarediv u.left | | u thesectiontag uu.top==_thesquarediv u.top。。。如果节标记在页面上的div坐标范围内,请执行此操作 但我需要得到正方形的全部尺寸才能做到这一点。我不知道从哪里开始,怎么做 有人能帮忙吗?谢谢大家! 使用以下两个代码:

所以我可以得到这个div的x和y位置。左/上,但它在页面上是一个正方形div。我也在跟踪一个在页面上飞来飞去的分区标记,我想基本上做的是如果_thesectiontag uu.left==_thesquarediv u.left | | u thesectiontag uu.top==_thesquarediv u.top。。。如果节标记在页面上的div坐标范围内,请执行此操作

但我需要得到正方形的全部尺寸才能做到这一点。我不知道从哪里开始,怎么做

有人能帮忙吗?谢谢大家!

使用以下两个代码:

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


  console.log('X: ' + divPosition.left + ", Y: " + divPosition.top");
}, 500);
对于宽度和高度,包括填充:

对于宽度和高度,包括填充、滚动条和边框:


offsetHeight,offsetWidthDimensions如中所示,它在页面上的位置,还是它的大小?还是两者都有?@DanielT。是的,所以如果我的分区标签在div上,那就做点什么。所以为了做到这一点,我假设我需要div的x和y位置以及宽度和高度,我需要做一些数学来计算它
$('div').height($('div').width());
var Height = document.getElementById('square').clientHeight;

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

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