javascript - 如何使用javascript添加到div的内容而不删除其原始内容

Question

我正在制作一个测验网站，当我制作一个按钮来向您显示错误的正确答案时，我使用了 document.getElementById 但它总是删除了由同样的方法。

这是我的 JavaScript 代码片段

if (mistakes > 0) {
  if (document.getElementById('wrongAnswer1').checked === true || 
      document.getElementById('wrongAnswer2').checked === true) {
        document.getElementById('mistakesDiv').innerHTML =
          document.getElementById('mistakesDiv').innerHTML + 
          "<br>" + 
          "question 1's correct answer is" + 
          document.getElementById('correctAnswer1').value;
   }
}

Answer 1

将您的 html div 设计为:

<div id="contentId">
 ......
 ......
</div>

你的 javascript 如下:

var div = document.getElementById('contentId');
div.innerHTML += 'your content';