javascript - 将 br 附加到跨度

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");

我在第一个附加之后使用这一行:

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

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

但是，它似乎不起作用，因为结果仍然彼此相邻显示而不是列出。

有什么想法吗？

Answer 1

创建一次 BR 元素是不够的，每次需要换行时都必须创建一个新的 BR 元素，不妨内联创建它:

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

演示:http://jsfiddle.net/ZEkCP/