使用 JavaScript 反转添加到 DOM 的元素的顺序

我正在用 JavaScript 制作游戏，需要事件日志。如果我攻击，它会告诉我是否击中或未击中。这是我的代码：

function eventlogshow (text){
    var para = document.createElement("p");
    var node = document.createTextNode(text);
    para.appendChild(node);

    var element = document.getElementById("eventlog");
    element.appendChild(para);
}

它在底部列出了最新的事件，在顶部列出了最旧的事件。我该如何扭转这个局面？ 我希望它在顶部显示最新的事件。

相反，在子元素前面添加。既然没有prependChild()函数，您需要“将其插入到第一个子函数之前”：

function eventlogshow (text){
    var para = document.createElement("p");
    var node = document.createTextNode(text);

    para.appendChild(node);

    var element = document.getElementById("eventlog");
    element.insertBefore(para, element.firstChild);
}

这里也提出了类似的问题：如何将 DOM 元素设置为第一个子元素？ https://stackoverflow.com/q/2007357/404623.

阅读更多关于Node.firstChild https://developer.mozilla.org/en-US/docs/Web/API/Node.firstChild and Node.insertBefore() https://developer.mozilla.org/en-US/docs/Web/API/Node.insertBefore