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

Get size and position of form element

本文关键字：位置 表单 元素 获取      更新时间：2023-09-26

我需要获取表单的大小和位置。然后制作一个大小和位置相同的div。但我无法获得形式的大小。

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

我尝试使用偏移高度和客户端高度，但结果总是 0。

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

如果你可以使用jQuery，你可以使用jQuery.height（）...

如果你不能使用 jQuery，你可以查看 jQuery 源代码并弄清楚它们的 .height（） 是如何工作的。

这是一个带有jQuery的工作代码笔

.JS：

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

你也可以看看jQuery的position（）函数，可以更容易地完成所有的计算。

相关文章：