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