divのコンテンツにjavacriptを使用して元のコンテンツを削除せずに追加する方法

Question

クイズサイトを作っていましたが、あなたの間違いの正しい答えを示すためにボタンを作っていた時点でドキュメントを使用しました.getElementByIdしかし、それは常に同じメソッドによって書かれた残りの答えを消去しました。ここ

あなたがinnerHTMLプロパティを更新しているときに、選択した要素内のすべてのコンテンツを更新しますので、あなたは、既存のコンテンツから動的に追加されたコンテンツを分離することができ、私の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="parent"> 
    <div id="child1">Here goes the correct answer</div>(button element will also work fine) 
</div> 

： それはこのようなものになります：

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

Answer 2

の抜粋です。 解決策の1つは、親div（新しい子を追加するために選択するdiv）を取って、正解ごとに子div（動的にdivを追加）を追加することです。 動的divにあるIDを与える場合は、この新しい子divが追加されたカウンタまたは質問IDを使用できます。 新しい子を "親"に追加するには、 "appendChild"メソッドを使用できます。

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

など、あなたのjavascript： https://jsfiddle.net/jbw7ku15/