JavaScript：Multiple Document.Write

Question

私はクイズがあり、正しく機能しています。ただし、正しい質問の部分がある場合、誤った質問は表示されません。 （ワークス正しい質問部分がない）スクリプトの

正しい質問部分：

var cmessage = '<p>You got ' + score; 
cmessage += ' out of ' + questions.length; 
cmessage += ' questions correct.<br>' + '<p>' + '<p> Correct Answers: ' + '<br>'; 

for(var c in cA) { 
    cmessage += questions[cA[c]][0] + '<br>' + questions[cA[c]][1] + '<br>'; 
} 

document.write('<br>' + cmessage + '</br>'); 

不正な質問部分：

var imessage = '<br><br><p>You answered ' + incorrect.length; 
imessage += '<p> questions incorrect. Your incorrect questions: </p>'; 

for(var i in incorrect){ 
    imessage += '<p> ' + questions[incorrect[i]][0] + '<br>' + questions[incorrect[i]][1] + ' </p>'; 
} 

document.write('<p>' + imessage + '</p>'); 

私は誤った部分が現れてもらうにはどうすればよいですページにも？

Answer 1

innerHTMLを使用して、結果をDOMのdivに追加します。この答えは関連していないというコメントを受けて

var imessage = '<b>foo</b>'; 
 
var cmessage = '<b>bar</b>' 
 

 
var divCorrect = document.getElementById('correct'); 
 
var divIncorrect = document.getElementById('incorrect'); 
 

 
divCorrect.innerHTML = cmessage; 
 
divIncorrect.innerHTML = imessage;

<div id="correct"></div> 
 
<div id="incorrect"></div>

---

：

私はOPの問題はdocument.writeを使用から生じるので、この解決策を提案していますDOMのすべてを上書きします。 document.writeの2回目の使用は、最初に使用したものを上書きします。したがって、適切なアプローチは、DOM内の要素を変更することです。これはinnerHTMLで行うことができます。 document.writeの代わりにinnerHTMLを使用すると、2番目の変更が最初のものを上書きするのを防ぐことができます（2つの変更が異なるDOM要素を対象とすると仮定します）。