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

Answer 2

尝试将 txtInput 附加到您的 formTag 对象。

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);
formTag.appendChild(txtInput);