【问题标题】:Adding items to the top of the list with JavaScript [duplicate]使用 JavaScript 将项目添加到列表顶部 [重复]
【发布时间】:2013-10-21 14:47:35
【问题描述】:

如何指定此function 中的项目应添加到列表顶部?目前它将项目添加到底部。

这是函数本身:

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

【问题讨论】:

  • 希望对某人有所帮助。将项目添加到列表顶部。在 current 之前添加新项目; new.innerHTML = willaddelements.outerHTML + currentelements.outerHTML;

标签: javascript


【解决方案1】:

.appendChild() 会将元素添加到最后,如果要添加任何元素,可以使用.insertBefore()

装上 jQuery,然后是 .prepend()

【讨论】:

    【解决方案2】:
    list.insertBefore(entry, list.firstChild);
    

    https://developer.mozilla.org/en-US/docs/Web/API/Node.insertBefore

    【讨论】:

    • 谢谢,解决了我的问题。
    • @deniz 我不确定你的评论是关于什么的。你的意思是把它作为答案发布吗?
    • 但这与我的回答无关,你为什么要评论?
    • @Phil 我删除它让你安心:)
    猜你喜欢
    • 1970-01-01
    • 2014-12-04
    • 2015-08-24
    • 1970-01-01
    • 2017-01-11
    • 1970-01-01
    • 2019-10-21
    • 2020-08-04
    • 2013-05-06
    相关资源
    最近更新 更多