在电子下载进度中使用自动更新程序

Question

希望我能正确地详细说明（新手），否则请提及，以便我学习。

我的main.js中具有以下功能：

autoUpdater.on('download-progress', (progressObj) => {
let log_message = "Download speed: " + progressObj.bytesPerSecond;
log_message = log_message + ' - Downloaded ' + progressObj.percent + '%';
log_message = log_message + ' (' + progressObj.transferred + "/" + progressObj.total + ')';
sendStatusToWindow(log_message);

}）

然后我的Landingpage.html中具有以下脚本标记

<script>
        // Listen for messages
        ipcRenderer.on('info', function (event, text) {
            var container = document.getElementById('info');
            var message = document.createElement('div');
            message.innerHTML = text;
            container.appendChild(message);
        })
    </script>

一切都按预期工作-应用程序看到有更新，下载并安装。

但是，当它下载更新时，该消息会自动追加（我知道它是container.appendChild（message）行），但是无论我尝试什么，我都无法替换该消息而不是追加。

请让我知道我错过了哪些其他重要信息。

谢谢

杰森

Answer 1

您每次都在不首先清除内容的情况下追加到容器，因此您可以尝试首先清除以下内容：

container.innerHTML = ''

然后追加子元素时，该子元素应该是容器中的唯一元素。