Question

练习javascript尝试创建一个表，用户可以选择行和列的数量，但可以弄清楚.. InputManager

到目前为止我所做的事情：

    var table = document.getElementById('table');
    var row = table.insertRow(0);

    for(var i = 0; i < kolommen; i++){
        var cell = row.insertCell(i);
    }

Witch正确地给出了列数。

因此，我认为我可以为该行创建一个循环，如：

        for (var i = 0; i < rijen; i++){
        var row = table.insertRow(i);

        for(var i = 0; i < kolommen; i++){
            var cell = row.insertCell(i);
        }       
    }

女巫给出同样的效果，只有一排.. 我使用的代码来自：

谷歌周围，从stackoverflow尝试了一些东西，但不能让它工作。有人看到了吗？感谢

Answer 1

您将变量i用于两个循环，使它们发生冲突。例如，您可以使用i作为行循环，j作为列循环。

Answer 2

添加到上面的答案，一旦第二个循环完成，i值将是第二个循环长度，并且由于缺少索引而无法在第一个循环中插入Row（i）。按照建议在第二个循环中尝试不同的变量。

Answer 3

尝试：

for (var i = 0; i < rijen; i++){
    var row = table.insertRow(i);

    for(var j = 0; j < kolommen; j++){
        var cell = row.insertCell(j);
    }       
}

Answer 4

您在两个嵌套循环中使用了相同的变量。

<html>
<body>
<table id="table" border=1> </table>

<script>
    var table = document.getElementById('table');

    var count_Col, quant_Col, tag_Col, 
        count_Row, quant_Row, tag_Row;

    quant_Row = 5;
    quant_Col = 7;
    for (count_Row=0; count_Row < quant_Row; count_Row++)
    {
        tag_Row = table.insertRow(count_Row);

        for(count_Col=0; count_Col < quant_Col; count_Col++)
        {
            tag_Col = tag_Row.insertCell(count_Col);
            tag_Col.innerHTML = count_Col*count_Row;
        }       
    }
</script>
</body>
</html>

包含所选行和列数量的Javascript表

4 个答案: