使用JavaScript製作HTML表單時不能使用新行

Question

我正在使用以下代碼來使用JavaScript製作html5表單。

newLine = document.createElement("br"); 
var optionsForm = document.createElement("form"); 
optionsForm.setAttribute('method',"post"); 
optionsForm.setAttribute('action',"submit.php"); 
var selectColor = document.createElement("select"); //input element, drop-down 
selectColor.setAttribute('type',"select"); 
selectColor.setAttribute('name',"colorMenu"); 
selectColor.setAttribute('id',"colorMenuID"); 

// Populate drop-down menu 
var option = document.createElement("option"); 
option.text = "Select Color:"; 
option.value = "selectColor"; 
selectColor.appendChild(option); 

optionsForm.appendChild(selectColor); 
optionsForm.appendChild(newLine); 

但是，當我創建新的下拉菜單時，它與舊的菜單位於同一行。附加newLine元素似乎沒有任何作用。

Answer 1

我想出瞭如何做到這一點。

var menuElement = document.createElement("div"); 
label = document.createTextNode("Label: "); 
menuElement .appendChild(label); 
var selectMenu = document.createElement("select"); 
selectMenu.setAttribute('type',"select"); 
selectMenu.setAttribute('name',"menuName"); 
selectMenu.setAttribute('id',"menuID"); 
menuElement.appendChild(selectMenu); 

然後，添加一些選項，然後

menuElement.appendChild(newLine); 
optionsForm.appendChild(menuElement);