Javascript:插入表单

Question

我有一个表格。

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

当我尝试获取表单时:

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

我得到的是 HTML 集合而不是 Node，因此我无法使用该表单作为父级。

有什么解决方案可以将表单获取为 Node，而不添加 id 或 class(因为我无法控制 html/css)？

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

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');