使用JavaScript颠倒添加到DOM的元素顺序

使用JavaScript颠倒添加到DOM的元素顺序,javascript,dom,Javascript,Dom,我正在用JavaScript制作一个游戏,需要一个事件日志。如果我攻击,它会告诉我是击中还是未击中。这是我的密码: function eventlogshow (text){ var para = document.createElement("p"); var node = document.createTextNode(text); para.appendChild(node); var element = document.getElementById("

我正在用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);
}
它在底部列出了最近的事件,在顶部列出了最老的事件。我该如何扭转这种局面?
我希望它在顶部显示最近的事件。

appendChild
将节点添加为最后一个子节点。要在第一个节点之前插入:

element.insertBefore(para, element.childNodes[0]);

appendChild
将节点添加为最后一个子节点。要在第一个节点之前插入:

element.insertBefore(para, element.childNodes[0]);

改为在子元素前面加前缀。由于没有
prependChild()
函数,因此需要“在第一个子项之前插入它”:

这里也提出了类似的问题:


阅读有关子元素的详细信息,并在子元素前面加上前缀。由于没有
prependChild()
函数,因此需要“在第一个子项之前插入它”:

这里也提出了类似的问题:


阅读更多关于和的信息

您应该预先结束而不是追加元素。您应该预先结束而不是追加元素。