Question

我使用HTML标签在javascript中创建了十个单独的表。我现在想把这些表格放在网格格式中，所以我认为把它们放到另一个表格中会起作用。此代码只显示一个空表。有帮助吗？谢谢！

 document.getElementById('InstalledApps').innerHTML += '<table id="bigAppsTable" border="1"><td>';

    for (var i = 9; i>-1;i--){  
        document.getElementById('InstalledApps').innerHTML += '<table id="appsTable'+i+'" border="1"><tr></tr>';

        var thirdRow=document.getElementById("appsTable"+i).insertRow(1);
        if (the_data[i]['release'] != null){
        thirdRow.insertCell(-1).innerHTML="<b>Release: ";
        thirdRow.insertCell(-1).innerHTML=the_data[i]['release'];
        }
        var secondRow=document.getElementById("appsTable"+i).insertRow(1);
        secondRow.insertCell(-1).innerHTML="<b>Version: ";
        secondRow.insertCell(-1).innerHTML=the_data[i]['version'];

        var firstRow=document.getElementById("appsTable"+i).insertRow(1);
        firstRow.insertCell(-1).innerHTML="<b>Name:";
        firstRow.insertCell(-1).innerHTML=the_data[i]['name'];

        }

Answer 1

由于您是动态创建表，为什么不使用DOM API？（即不是innerHTML）

这是一个开始的好地方：https://developer.mozilla.org/en-US/docs/Web/API/document.createElement

Answer 2

试试这个

var aTable = document.createElement('table');

for (var i = 0, tr, td; i < 9; i++) {
    tr = document.createElement('tr');
    td = document.createElement('td');
    td.appendChild(document.createTextNode("some text"));
    tr.appendChild(td);
    aTable.appendChild(tr);
}

//update with id
document.getElementById('table').appendChild(aTable);

如何正确地在表javascript中创建一个表

2 个答案: