Javascript分隔符新行

我需要根据用户输入的分隔符拆分一个单词，然后将它们显示在一个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
              }
}

函数customBreakIt（）{
var text=document.getElementById（“textbox”）.value；//抓取要中断的文本
var location=document.getElementById（“textbox2”）.value；//获取用户输入的分隔符
var list=text.split（位置）；//在分隔符处拆分文本
var重组=”；
var newLine=document.createElement（“br”）；
对于（列表中的x）{
重组=重组+列表[x]；
document.getElementById（“second”）.innerHTML=recombined；//将名为“second”的ID中的文本更改为recombined
//现在我还需要让每个新词出现在单独的一行上
}
}

您可以为每个单词

document.createElement（“p”）

添加文本到新的

元素，并将新元素附加到第二个容器中。
您可以将重新组合的列表封装到div中并连接输出：

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

//var newLine=document.createElement（“br”）；
对于（列表中的x）{
重组+=''+列表[x]+''；
}
document.getElementById（“第二”）.innerHTML=已重新组合；