Javascript分隔符新行

Question

我需要根據用戶輸入的分隔符分割一個單詞，然後將它們顯示在div中，每個單詞放在一個單獨的行中。我不知道如何在不同的行上顯示每個分隔的單詞。下面是代碼：

function customBreakIt(){ 
var text = document.getElementById("textbox").value; //grabs text to break 
var location = document.getElementById("textbox2").value; //grabs user entered delimiter 
var list = text.split(location); //splits the text at the delimiter 
var recombined = ""; 
var newLine = document.createElement("br"); 
for(x in list){   
    recombined = recombined + list[x];   
    document.getElementById("second").innerHTML = recombined; //changes the <p> text in an ID called 'second' to recombined 
    //now I need to also let each new word appear on a separate line 
       } 
} 

Answer 1

您可以封裝你重組名單到DIV並連接輸出：

//var newLine = document.createElement("br"); 
for (x in list) {   
    recombined += '<div>' + list[x] + '</div>'; 
} 
document.getElementById("second").innerHTML = recombined; 

Answer 2

可以document.createElement("p")每個字，文字添加到新<p>元素，新元素追加到第二容器。