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

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

2 个答案: