javascript - 通过javascript创建表单和输入字段

Question

我正在做我的 javascript 作业，其中我有一个表单，其中有多个按钮。我希望 javascript 应该像

<form>
<input />
<button />
</form>

但是它是这样渲染的

 <form> </form>
    <input />
    <button />

示例代码

var formTag = document.createElement('form');
document.body.appendChild(formTag);
var txtInput = document.createElement("input");
var txtNode = document.createTextNode("0");
txtInput.setAttribute("id", "txtInput");
txtInput.appendChild(txtNode);
document.form.appendChild(txtInput);

Answer 1

您错误地将 input 元素附加到文档的 form 元素(顺便说一句，它不存在 - 您可能是指 document.forms[0] )。

改为将输入附加到 formTag 对象，如下所示:

formTag.appendChild(txtInput);