Question

我正在用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);
}

它列出了最近的最新事件，最旧的事件在最上面。我该怎么扭转呢？我希望它能够显示最新的活动。

Answer 1

改为添加子元素。由于没有prependChild()功能，您需要在第一个孩子之前插入＆＃34;：

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

此处也提出了类似的问题：How to set DOM element as first child?。

详细了解Node.firstChild和Node.insertBefore()

Answer 2

appendChild将节点添加为 last 子节点。您想在第一个节点之前插入：

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

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

2 个答案: