Question

需要创建消息日志，其中消息与时间一起保存。

我有这个代码，但是acresentar新消息被删除旧的并被新的替换。

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

我考虑过使用.append（函数），但没有成功。

如何让文本停止被重写并传递给保存？

感谢

Answer 1

如果我已经正确地理解了您，您只是希望它添加到每个部分而不是覆盖？那么你所要做的就是＆＃34; + =＆＃34;而不是＆＃34; =＆＃34;

document.getElementById("logdescricao").innerHTML += "ONS: " + textons

但是，这可能不是最好的方法。

你可以尝试：

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>

然后你可以使用javascript（在你的＆＃39; if＆＃39;块中，而不是你所有的＆＃34; .innerHTML =＆＃34;内容）

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..

此外，您可能希望将CSS样式应用于＆＃39; thead＆＃39; HTML的一部分

例如。在你的CSS文件中：

thead {
    font-weight: bold;
}

使用append创建日志

1 个答案: