既存のCSSはまだ

Question

を使用してどのようにjQueryのhtmlコードに追加する私はJavaスクリプトで

function appendAllQna(qnaList, num){ 
    for (var i in qnaList){ 
     var qnaCom = ""; 
     qnaCom += "<div class='scomment scommentLine'>"; 
     if(qnaList[i].sellerYn == "Y"){ 
      qnaCom += "<div class='avatar defaultstore'>"; 
     }else{ 
      qnaCom += "<div class='avatar defaultuser'>"; 
     } 
     qnaCom += "<img src=''></div><table class='subTab'>"; 
     qnaCom += "<tbody><tr><td class='infoME'>";  
     if(qnaList[i].sellerYn == "Y"){ 
      qnaCom += "<span class='name'>"; 
      qnaCom += qnaList[i].nickNm; 
      qnaCom += "</span><span class='badge'></span>"; 
     }else{ 
      qnaCom += "<span class='name'>"; 
      qnaCom += qnaList[i].memNM; 
      qnaCom += "</span>"; 
     } 
     var page = document.getElementById("addMoreQna"+num); 
     page.append(qnaCom); 
    } 
} 

を、この機能を持っており、これは私が私のjspで追加される宣言のdiv

<div id="addMoreQna<%= i%>"></div> 

Iであります追加したいので、htmlもcssがページに存在するように表示されます。しかし、コードは次のようにしか見えません。

<div class='scomment scommentLine'><div class='avatar defaultuser'><img src=''></div><table class='subTab'><tbody><tr><td class='infoME'><span class='name'>Putri</span><div class='scomment scommentLine'><div class='avatar defaultuser'><img src=''></div><table class='subTab'><tbody><tr><td class='infoME'><span class='name'>Putri</span><div class='scomment scommentLine'><div class='avatar defaultuser'><img src=''></div><table class='subTab'><tbody><tr><td class='infoME'><span class='name'>Putri</span><div class='scomment scommentLine'><div class='avatar defaultuser'><img src=''></div><table class='subTab'><tbody><tr><td class='infoME'><span class='name'>undefined</span>enter code here 

正しくはありません。私は何をすべきか？前もって感謝します。とにかく私はまだ初心者です。D

Answer 1

appendはjqueryメソッドですが、javascriptメソッドのように使用しています。

はjqueryのメソッドの使用を使用する：

$('#addMoreQna' + num).append(qnaCom); 

純粋なJS場合は：

page.innerHTML += qnaCom;