Javascript delimiter new line

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> элемент, и добавить новый элемент второго контейнера.