Question

我正在使用这样的东西来创建动态表

    for(var i=0;i<nrRows;i++){
        row=document.createElement('tr');
        for(var j=0;j<nrCols;j++){
        cell=document.createElement('td');
        cell.appendChild(document.createTextNode(i+' '+j))
        row.appendChild(cell);
        }
        tbo.appendChild(row);
    }

现在我希望第一行用列标题填充。我想为每行中的每个文本框提供ID。我该怎么办？

Answer 1

“现在我想要第一行填充列标题。”

cell = document.createElement(i===0 ? 'th' : 'td');

“我想为每行中的每个文本框提供ID。”

什么文字框？您目前没有创建文本框。每个id属性都应该是唯一的，因此假设您实际创建了一些文本框，您可以将id设置为i + "_" + j（类似于您已为.createTextNode()获得的内容}）以便代码的其他部分可以轻松计算访问任何特定单元格所需的id。

Answer 2

if(i == 0)
{
    cell = document.createElement('th');
}
else
{

    cell = document.createElement('td');
    var inputFld = document.createElement('input');
    inputFld.type = "text"; //input type = textfield
    var count=table.rows.length;
    inputFld.id = "NewTb" + count;
    cell.appendChild(inputFld);
}

Answer 3

if(i == 0)
{
    cell = document.createElement('th');
    //give column header names
}
else
{
    cell = document.createElement('td');
    var inputFld = document.createElement('input');
    inputFld.type = "text"; //input type = textfield
    inputFld.id = "input" + i;//assign id to input field
    cell.appendChild(inputFld);
}

使用javascript创建动态表

3 个答案: