Javascript:以形式插入

Question

我有表格。

我想在按钮字段之前插入一个新的子输入字段，父字段是表单。

当我试图得到表格时：

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

我得到一个HTML集合，而不是Node，所以我不能将表单用作父级。

在不添加id或类(因为我无法控制html/css)的情况下，有任何解决方案可以将表单作为Node获取吗？

如果页面上有多个表单而不是一个表单，怎么办？

Answer 1

因此，假设他们点击按钮，您可以使用它来引用表单。

​

document.querySelector("button").addEventListener("click", function (e) {
    e.preventDefault()
    console.log(this.form);
});

<form>
  <button>FOO</button>
</form>

​

正如我在注释中指出的，如果您有一个表单，那么只需引用第一个索引即可。

var form = document.getElementsByTagName('form')[0];

也可以使用querySelector，它返回第一个实例

var form = document.querySelector('form');

Answer 2

var forms = document.getElementsByTagName('form');
var firstForm = forms[0];

Answer 3

以获取表单的方式，它将返回表单元素的数组。如果只有一个窗体，则必须使其位于返回数组的0索引处。在代码中再写一行代码，从数组中获取表单。

var form = document.getElementsByTagName('form');
form = form[0];