我的循环表有点问题

Question

我通过javascript插入函数 document.getElementById("table").innerHTML =wordloop(); 我的wordloop函数它看起来像这样。

set(z);
document.getElementById("table").innerHTML="<table class='table table-dark'><thead><tr><th>Polskie</th><th>Angielskie</th></tr></thead><tbody>";
for(var i=0;i<slowka.length;i++) {
document.getElementById("table").innerHTML+="<tr><td>"+words[i][0]+"</td><td> "+words[i][1]+"</td></tr>";
}
cument.getElementById("table").innerHTML+="</tbody></table>";

'设置'它的一个函数与数组，没有别的。 实际上只有标题行正常工作。

Effect

Answer 1

每次分配给innerHTML时，它都会解析HTML并从中创建一个新的DOM。如果保留一个未闭合的元素，则必须将其关闭以创建有效的DOM。所以你的第一个任务是创建一个完整的表。然后你的循环在该表之后添加<tr>个元素。

不是在循环中分配innerHTML，而是构建包含所有内容的字符串，并在结尾处分配给innerHTML。

var html = "<table class='table table-dark'><thead><tr><th>Polskie</th><th>Angielskie</th></tr></thead><tbody>";
for(var i=0;i<slowka.length;i++) {
    html+="<tr><td>"+words[i][0]+"</td><td> "+words[i][1]+"</td></tr>";
}
html+="</tbody></table>";
document.getElementById("table").innerHTML = html;