Javascript 循环中的HTML表TD未正确生成

Javascript 循环中的HTML表TD未正确生成,javascript,html,Javascript,Html,Herro,我正在尝试通过Javascript生成html表,但是输出失败: HTML: Javascript: document.getElementById("racks").innerHTML = "<table border='1'><tbody><tr>"; for (var i=0;i<16;i++) {

Herro,我正在尝试通过Javascript生成html表,但是输出失败:

HTML:


Javascript:

document.getElementById("racks").innerHTML = "<table border='1'><tbody><tr>";
                        for (var i=0;i<16;i++)
                            {
                            document.getElementById("racks").innerHTML = document.getElementById("racks").innerHTML +"<td><a href='#' onClick='alert('"+jPunten[i].STATDEV+"')'>*</a></td>";
                            }
                            document.getElementById("racks").innerHTML = document.getElementById("racks").innerHTML + "</tr></table>";
document.getElementById(“racks”).innerHTML=“”;
对于(var i=0;i,您可以在最后更新#racks元素。无需每次迭代都更新它。
您在
onClick
事件的引用中也遇到了问题

试着这样做:

html = "<table border='1'><tbody><tr>";
for (var i=0;i<16;i++) {
  html += "<td><a href='#' onClick='alert(\""+jPunten[i].STATDEV+"\")'>*</a></td>";
}
html += "</tr></table>";
document.getElementById("racks").innerHTML = html;
html=”“;

对于(var i=0;iI)未看到id为“racks”的任何元素!?这不是您首先要给表的id吗?每次给innerHTML分配新值时,您都会覆盖元素的内容。首先收集变量中的所有字符串数据,然后在最后将其分配给innerHTML。您的quotesKind有问题,先生,您是le day的le hero!
html = "<table border='1'><tbody><tr>";
for (var i=0;i<16;i++) {
  html += "<td><a href='#' onClick='alert(\""+jPunten[i].STATDEV+"\")'>*</a></td>";
}
html += "</tr></table>";
document.getElementById("racks").innerHTML = html;