Question

如何将这段div用js的方式拼接html?

<div style="width:47.5%;float:left;height:550px;overflow-y: auto;" id="menu">
<c:forEach items="${productLists}" var="productLists" varStatus="status">
<c:if test="${status.count%2==1}">
<div style="display: flex;">
<a href="#" style="border: 1px solid #bdc1c3; width: 49.5%;height: 100px;">
<div style="display: flex;" onclick="addshop(${productLists.productId},'${productLists.productLogo}','${productLists.productName}',${productLists.productSmoney})">
<img src="/shop/layuiadmin/imgProduct/${productLists.productLogo}" style="width: 80px;height: 80px;margin: 9px;">
<div style="margin-left: 10px;margin-top: 10px;">
<p style="">${productLists.productName}</p>
<p style="color: #02a496;margin-top: 10px;">${productLists.productSmoney}</p>
<p style="color: #02a496; margin-left: 133px; margin-top: 15px;">单规格:</p>
</div>
</div>
</a>
</c:if>
<c:if test="${status.count%2==0}">
<a href="#" style="border: 1px solid #bdc1c3; width: 49.5%;height: 100px;">
<div style="display: flex;" onclick="addshop(${productLists.productId},'${productLists.productLogo}', '${productLists.productName}', ${productLists.productSmoney})">
<img src="/shop/layuiadmin/imgProduct/${productLists.productLogo}" style="width: 80px;height: 80px;margin: 9px;">
<div style="margin-left: 10px;margin-top: 10px;">
<p style="">${productLists.productName}</p>
<p style="color: #02a496;margin-top: 10px;">${productLists.productSmoney}</p>
<p style="color: #02a496; margin-left: 133px; margin-top: 15px;">单规格:</p>
</div>
</div>
</a>
</div>
</c:if>
</c:forEach>
</div>

Answer 1

拼接不了 这里面包含了后端混编语法，可以等页面加载完毕获取DOM 的HTML再重新编辑

Answer 2

直接放进jsp页面中啊，要拼接什么？

追问

要局部刷页面，在js中拼接一个div

追答

整体放进JSP页面中，然后相关要刷新的数据用ajax啊，