прилагая бр к промежутку

Question

Я имею страницу HTML с пролетом, как показано ниже:

<span id="lbUsers"></span> 

И я заполнить промежуток, используя этот метод JavaScript:

document.getElementById("lbUsers").appendChild(document.createTextNode 
       (row.UserId + ". " + row.FirstName+ " " + row.LastName)); 

Это работает просто отлично и отображаются элементы. Однако, так как нет ни одного разрыва строки, они появляются как таковые:

1. FN1 LN1 2. FN2 LN2 3. FN3 LN3 (.....) 

И я хочу, чтобы вместо выглядеть как например:

1. FN1 LN1 
2. FN2 LN2 
3. FN3 LN3 
(...) 

До сих пор я пытался объявить свою собственную линию разрыва делая:

var lineBreak = document.createElement("br"); 

И я использую эту линию после первого Append:

document.getElementById("lbUsers").appendChild(document.createTextNode 
      (row.UserId + ". " + row.FirstName+ " " + row.LastName)); 

document.getElementById("lbUsers").appendChild(lineBreak); 

Однако, похоже, что это не работает, поскольку результаты все еще отображаются рядом друг с другом, а не в списке.

Любые идеи?

Answer 1

Это не достаточно, чтобы создать BR элемент один раз, вы должны создать новый каждый раз, когда вам нужно сделать перерыв линии, мог бы также создать его рядный:

document.getElementById("lbUsers").appendChild(document.createElement("br")); 

Демо: http://jsfiddle.net/ZEkCP/

Answer 2

Вы может поставить бр после LastName, как это:

document.getElementById("lbUsers").appendChild(document.createTextNode 
      (row.UserId + ". " + row.FirstName+ " " + row.LastName + "<br>")); 

Answer 3

простое присваивание добавка делает чудеса:

document.getElementById("lbUsers").innerHTML += row.UserId +'. '+ row.FirstName +' '+ row.LastName + '<br>'