使用JavaScript将项目添加到列表顶部

Question

如何指定此函数中的项目应添加到列表顶部？目前它会将项目添加到底部。

这是函数本身：

function listFiller() {
    var list = document.getElementById('list');
    var entry = document.createElement('li');
    entry.appendChild(document.createTextNode(guessedWord));
    entry.appendChild(document.createTextNode(" - "));
    entry.appendChild(document.createTextNode(seconds));
    list.appendChild(entry);
}

- danrodi

---

请参考这个问题。 - GregL

希望能对某些人有所帮助。向列表顶部添加项目。将新项目添加到当前项目之前; new.innerHTML = willaddelements.outerHTML + currentelements.outerHTML; - Deniz Porsuk

Answer 1

list.insertBefore(entry, list.firstChild);

请看https://developer.mozilla.org/zh-CN/docs/Web/API/Node/insertBefore。

- Phil

---

@deniz 我不确定你的评论是关于什么的。你是想将它发布为答案吗？ - Phil

但这与我的回答无关，你为什么要评论呢？ - Phil

@Phil 我删掉它是为了让你安心 :) - Deniz Porsuk

Answer 2

.appendChild() 会将元素添加到最后，如果想要在任意位置插入元素，可以使用 .insertBefore()。

对于 jQuery，则可以使用 .prepend()。

- Praveen