My JavaScript function looks like this:
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);
}
}
I have declared a div to be appended on my JSP file as well:
<div id="addMoreQna<%= i%>"></div>
When I try to append it, only the code appears without any styling. Here is how it looks:
<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>
The appearance is not correct. Can someone help me with this issue? Thank you in advance. By the way, I'm still learning :D