无法用 innerHTML 替换 div 文本

Question

我正在尝试将来自 cgi 输出的不同数据放入不同 DIV 用下面的代码做到了，但是现在当新数据出现时，它会附加 DIV，我想替换 DIV 数据而不附加它。

我是新手，因为我是硬件工程师。不太懂编码。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
</head>
<body>
  <h1>Console</h1>
  <pre>
    <div id="d1" style="width: 25%; height: 200px; ">
</div>
<div id="d2" style="width: 25%; height: 200px; ">
   </div>
  </pre>
  <script>
    var source = new EventSource('/cgi-bin/data.cgi');
    source.onmessage = function(e) {
    var o = document.getElementById("d1");
    o.innerHTML += e.data1 + '<br>';
    var x = document.getElementById("d2");
    x.innerHTML += e.data2 + '<br>';

 };
  </script>
</body>
</html>

只想用来自 CGI 的新数据替换 D1 中的现有数据。

Answer 1

您只需执行以下操作。

 o.innerHTML = e.data1 + '<br>';

只需删除“=”之前的“+”

无法用 innerHTML 替换 div 文本

Not able to replace div text with innerHTML

cgi

innerhtml