Javascript 获取表单元素的大小和位置

我需要得到表格的大小和位置。然后做一个大小和位置相同的div。但我无法得到表格的大小

var form = document.getElementsByTagName("form");

for (var i = 0; i < form.length; i++) {
   console.log(form[i].offsetHeight);
}

var form=document.getElementsByTagName（“表单”）；
对于（变量i=0；i

---

我尝试使用offsetHeight和clientHeight，但结果总是0。

打开chrome控制台。单击左上角指向方框的箭头。单击有问题的div，它将给出以像素为单位的大小。

如果可以使用jQuery，则可以使用

如果不能使用jQuery，可以查看并了解其.height（）的工作原理

JS:

var form=$（“form”）；
对于（变量i=0；i

---

您还可以查看jQuery的函数，以便更轻松地完成所有计算。

使用类似Chrome的开发工具，可以看到类似

form[i]

的工具所提供的所有属性，这真是太棒了。您为什么要这样做？我确实得到了一个高度：。您使用的浏览器是什么？表单中有什么？请记住，浮动和绝对定位元素不会增加父元素的高度。好的，我尝试一下，效果很好。但是如果表单有display:inline，则无法工作。我在代码笔中将表单更改为display:inline，它仍然可以正常工作。需要更多详细信息请尝试此操作，此表单有display:inline，不起作用。如果我更改内联块的内联，代码将正常工作。为什么？因为内联元素没有高度。请参阅：

var form = $("form");

for (var i = 0; i < form.length; i++) {
   console.log($(form[i]).height());
}