JavaScript是結合我的標籤標籤

Question

我想讓我的JavaScript爲我創建一個窗體。它需要有一定數量的行，這取決於來自警告框的數量，並且我正在循環運行此代碼。

//creates 4 elements for the form 
    var name = document.createElement("input"); 
    var text1 = document.createElement("label"); 
    var initiative = document.createElement("input"); 
    var text2 = text1 = document.createElement("label"); 
    //gives the input tags the type and name values 
    name.setAttribute("type", "text"); 
    initiative.setAttribute("type", "text"); 
    name.setAttribute("name", "name"); 
    initiative.setAttribute("name", "init"); 
    //gives the 2 span elements text 
    text1.appendChild(document.createTextNode(" has ")); 
    text2.appendChild(document.createTextNode(" for initiative.")); 
    text2.appendChild(document.createElement("br")); 
    //adds the elements to the form 
    document.getElementById("form").appendChild(name); 

    document.getElementById("form").appendChild(text1); 

    document.getElementById("form").appendChild(initiative); 

    document.getElementById("form").appendChild(text2); 

這裏的代碼應該工作，但實際表格有這樣

<input type="text" name="name> 
<input type="text" name="init"> 
<label> has </label> 
<label> for initiative </label> 

但基於JavaScript的順序上的元素，它應該是

<input type="text" name="name> 
<label> has </label> 
<input type="text" name="init"> 
<label> for initiative </label> 

編輯：我沒有意識到text1 = text2。我不小心把它放在那裏，甚至沒有意識到它的存在，那就是這是因爲目前這個行代碼

var text2 = text1 = document.createElement("label");

由於結合標籤問題

Answer 1

文本2 =文本1，它結合了兩個標籤。

請刪除text2=text1

Here is a fiddle link

此外，我認爲應該是document.createElement("INPUT")，而不是document.createElement("input")。出於某種原因，我得到的錯誤不能爲的setAttribute input

//creates 4 elements for the form 
 
var name1 = document.createElement("INPUT"); 
 
var text1 = document.createElement("label"); 
 
var initiative = document.createElement("INPUT"); 
 
var text2 = document.createElement("label"); 
 
//gives the input tags the type and name values 
 
name1.setAttribute("type", "text"); 
 
initiative.setAttribute("type", "text"); 
 
name1.setAttribute("name", "name"); 
 
initiative.setAttribute("name", "init"); 
 
//gives the 2 span elements text 
 
text1.appendChild(document.createTextNode(" has ")); 
 
text2.appendChild(document.createTextNode(" for initiative.")); 
 
text2.appendChild(document.createElement("br")); 
 
//adds the elements to the form 
 
document.getElementById("form").appendChild(name1); 
 

 
document.getElementById("form").appendChild(text1); 
 

 
document.getElementById("form").appendChild(initiative); 
 

 
document.getElementById("form").appendChild(text2);

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