Javascript 如何在第一个子元素之前插入两个HTML元素

F.e

在HTML页面中，它显示如下：
log1
log2
日志3

但是如何以相反的顺序插入这些元素：
log3
log2
日志1

不用

const logTable = document.getElementById("logs");
const newLog = document.createElement("tr");
const logValue = document.createElement("td");
logValue.innerHTML = "log";
logTable.appendChild(newLog);
newLog.appendChild(logValue + 1);
newLog.appendChild(logValue + 2);
newLog.appendChild(logValue + 3);

可以使用prepend（）而不是appendChild（）

参考：

---

您可以

在
的
前面加上

我添加了一个
logMessage
函数，因为当前代码无法生成示例输出


const logTable=document.querySelector（“#logs tbody”）；
常量日志消息=（消息）=>{
常数
newLog=document.createElement（“tr”），
logValue=document.createElement（“td”）；
logValue.textContent=消息；
追加（logValue）；
logTable.prepend（newLog）；
};
for（设i=0；i<3；i++）{
logMessage（`log${i+1}`）；
}
#日志体{
计数器复位：行号；
}
#原木tbody tr{
计数器增量：行号；
}
#日志tbody tr:之前{
内容：计数器（行号）=>“
}

我想这个问题已经在这里得到了回答：哦，非常感谢。虽然这个链接可以回答这个问题，但最好在这里包含答案的基本部分，并提供链接供参考。如果链接页面发生更改，则仅链接的答案可能无效-
display: flex;
flex-direction: column-reverse;