Javascript 使用append创建日志

需要创建一个消息日志，以便将消息与时间一起保存

我有这个代码，但新邮件的收件人会删除旧邮件并替换为新邮件

var textons = prompt("Digite sua mensagem para a ONS", "");
    var areaons = prompt("Digite a area onde o problema ocorreu", "");



    var date = new Date();
    var d  = date.getDate();
    var day = (d < 10) ? '0' + d : d;
    var mes = date.getMonth() + 1;
    var month = (mes < 10) ? '0' + mes : mes;
    var yy = date.getYear();
    var year = (yy > 100) ? yy - 100 : yy;
    var hours = date.getHours();
    var min = date.getMinutes();
    var minutes = (min < 10) ? '0' + min : min;
    var sec = date.getSeconds();
    var seconds = (sec < 10) ? '0' + sec : sec;     


    if (areaons != null && textons != null) {
        document.getElementById("logdescricao").innerHTML =
        "ONS: " + textons;
        document.getElementById("logarea").innerHTML =
        areaons;

        document.getElementById("loghoracos").innerHTML =
        day + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds;

        document.getElementById("loghoralocal").innerHTML =
        day + "/" + month + "/" + year + " " + hours + ":" + minutes + ":" + seconds;
    }
}

var textons=prompt（“Digite sua mensage para a ONS”和“）；
var areaons=提示（“将一个区域划分为一个问题区域”，即“）；
变量日期=新日期（）；
var d=date.getDate（）；
风险值日=（d<10）？'0'+d:d；
var mes=date.getMonth（）+1；
var月=（mes<10）？'0'+mes:mes；
var yy=date.getYear（）；
风险年=（年>100）？yy-100:yy；
var hours=date.getHours（）；
var min=date.getMinutes（）；
变量分钟=（分钟<10）？'0'+分钟：分钟；
var sec=date.getSeconds（）；
变量秒=（秒<10）？'0'+秒：秒；
if（areaons！=null&&textons！=null）{
document.getElementById（“LogDescriptaO”）.innerHTML=
“ONS:”+文本；
document.getElementById（“logarea”）.innerHTML=
面积；
document.getElementById（“loghoracos”）.innerHTML=
日+“/”+月+“/”+年+“+小时+”：“+分钟+”：“+秒；
document.getElementById（“loghoralocal”）.innerHTML=
日+“/”+月+“/”+年+“+小时+”：“+分钟+”：“+秒；
}
}

我曾想过使用.append（函数），但没有成功

如何使文本停止重写并通过保存

---

谢谢

如果我理解正确，您只想将其添加到每个部分而不是覆盖？ 那么你所要做的就是“+=”而不是“=”

然而，这可能不是最好的方法

你可以试试：

var logdescricaoText = document.createTextNode("ONS: "+textons);
document.getElementById("logdescricao").appendChild(logdescricaoText);

---

但是，真的，如果你想列一个清单，那么你应该使用一个表格。这将允许更整洁和结构化的样式。 在HTML中：

<table>
    <thead>
        <tr>
            <td>Descricao</td>
            <td>LogMessage</td>
            <!-- other field headers like 'time' -->
        </tr>
    </thead>
    <tbody id=logs>
    </tbody>
</table>

此外，您可能希望对HTML的“thead”部分应用CSS样式

例如，在CSS文件中：

thead {
    font-weight: bold;
}

var logLine = document.createElement("tr");
document.getElementById("logs").appendChild(logLine);

var descricao = document.createElement("td");
descricao.appendChild(document.createTextNode("ONS: "+textons));
logLine.appendChild(descricao);

var logArea = document.createElement("td");
logArea.appendChild(document.createTextNode(areaons);
logLine.appendChild(logArea);
etc..

thead {
    font-weight: bold;
}