javascript - 无需 document.write 即可动态生成列表？

Question

我正在使用 JavaScript 从文本源创建链接列表。使用 document.write() 重置/创建一个新页面，这是不可取的。我不知道列表中的项目数量，因此预先组合列表并使用innerHTML 设置值似乎“不可行”？如何在 JS 中生成动态列表？

Answer 1

您可以使用document.createElement动态创建元素。它可以像这样工作:

var container = document.getElementById('my-list'),
    items = [],
    addItem;

addItem = function (text) {
    var elm = document.createElement('li');

    elm.innerHTML = text;
    container.appendChild(elm);
    items.push(elm);
};

// generating random list
var i = 0,
    j = Math.floor(Math.random() * 50);

for (i; i < j; i++) {
    addItem('list item ' + i);
}