如何在JavaScript中創建新行？

Question

我已經附加一個文本框一個div區域。不過，我希望它轉到在該div一個新行確實是，所以我for環打印文本框，而不是行的列後。

我嘗試這樣做：

<div id="timearea"> </div> 
var br = '<br/>'; 
br.appendTo("#timearea"); 

然而，這是行不通的。代碼是什麼？

Answer 1

您需要使用createElement()方法然後使用appendChild()方法

var br = document.createElement("br"); 
document.getElementById("timearea").appendChild(br); 

Answer 2

我建議你申請的CSS樣式到您的div來控制它們的佈局方式追加孩子的元素創建的元素。您可以添加屬性到內聯樣式或（最好）添加類以通過JavaScript分配樣式。

的display屬性控制流量 - display:block應該這樣做。

.my_block_class { 
    display:block; 
} 

然後，您可以用JavaScript添加類像so：

document.getElementById("timearea").className += "my_block_class"; 

或者，如果你想這樣做，而不類：

如果

document.getElementById("timearea").style.display = "block"; 

Answer 3

不知道你的意思textarea或但不管怎樣，最好在CSS中這樣做。在你的CSS文件或內聯樣式添加說明：

#timearea input { 
    display:block; 
} 

如果這是您要添加或input元素：

#timearea textarea { 
    display:block; 
} 

如果它是一個textarea。