如何將輸入字段添加到使用Javascript的表單中？

Question

使用javascript，我創建了一個名爲form的隱藏表單。它的代碼是這樣的：

var form = document.createElement("form"); 
document.body.appendChild(form); 
form.method = "POST"; 
form.action = targetUrl; 
form.target = "_blank"; 

另外，我創建一個名爲element1輸入字段，就像這樣：

var element1 = document.createElement("INPUT"); 
element1.name="my_text" 
element1.value = "blablabla"; 
element1.type = "hidden"; 
form.submit(); 

什麼，我缺少的是我創建到輸入元素追加表格。

我該怎麼辦？

我嘗試過element1.appendTo('form');，但有些事情是錯誤的。

注：我故意避免使用JQuery。

Answer 1

您已經將表單附加到正文，爲什麼不使用相同的代碼來追加到表單的輸入？

form.body.appendChild(element1); 

請注意，您必須在提交表單之前追加輸入，但是。

Answer 2

如果您正在處理這些超出小片段的元素，並且需要在當前範圍之外訪問它們，您可能需要給它們一個id。

你可以做到這一點，像這樣：

form.setAttribute("id", "hiddenForm"); 
element1.setAttribute("id", "hiddenElement"); 

使用ID您可以使用DOM API來訪問他們像這樣：

var frm = document.getElementById("hiddenForm"); 
var elm = document.getElementById("hiddenElement"); 

的任何事情，一個孩子追加到別的你請執行以下操作：

// parentNode.appendChild(childNode); 
frm.appendChild(elm); 

Answer 3

爲什麼在使用一行代碼時可以使用如此多的代碼： -
HTML：

<div id="form"></div> 

的JavaScript：

document.getElementById("form").innerHTML="put your whole form code here";