Javascript 如何在仍然使用现有css的情况下添加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>

我想附加这样的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

append是一个jquery方法，但您使用它就像使用javascript方法一样

要使用jquery方法，请使用：

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

或者如果是纯js：

page.innerHTML += qnaCom;

---

您能解释一下您的问题是什么吗？您想知道如何用类或id附加div吗？或者你想移动一个div或者？？我想显示html视图，但事实上它显示的是代码。很高兴提供帮助，如果此答案解决了你的问题，请单击答案旁边的复选标记将其标记为已接受。