InnerHTML移动标签无序

Question

我试图改变内部HTML显示搜索结果在一个表

<tr class="searchresult" id="searchresult">
<th colspan="9">No Data</th>
</tr>

这是javascript

var str1 = "<c:forEach var="list" items="${list}">";
var str2 =" <th>${list.sabun}</th>";
var str3 = "<th>${list.name}</th>";
var str4 = "</c:forEach>";
document.getElementById("searchresult").innerHTML = str1;
document.getElementById("searchresult").innerHTML += str2;
document.getElementById("searchresult").innerHTML += str3;
document.getElementById("searchresult").innerHTML += str4;

这是我在测试网页

上得到的结果html

<c:foreach var="list" items="${list}"></c:foreach>
<th>${list.sabun}</th>
<th>${list.name}</th>

我甚至试着把所有的str#变量放在一行，但仍然不起作用。我做错了什么?提前感谢

Answer 1

您可以使用循环并从中提取数据并添加到您的str变量中。即:

<script>
var str ="";
<c:forEach var="list" items="${list}">
str += "<th><c:out value='${list.sabun}'/></th><th><c:out value='${list.name}'/></th>";
</c:forEach>
document.getElementById("searchresult").innerHTML = str;
</script>

(此代码未经过测试)