JavaScript函数在div中创建M x N文本输入表

时间:2014-04-01 17:27:57

标签: javascript html

所以我尝试使用JavaScript函数来完成我在标题中所说的内容。我假设它的骨架将是这样的:

    function createInputTable(divID, tableID, rows, cols)
    {
                            var T = document.createElement('table id="'+tableID+'"');

                            // ... Do some stuff ...

            document.getElementById(divID).appendChild(T);
    }

现在我只需要弄清// ... Do some stuff ...中的内容。

根据我的理解,appendChild(n)发现"最低"子节点并添加节点n"在"它。由于我的表由子行组成,子行是子列,每个子列都有一个子输入单元,我应该有一个如下所示的循环。

            for (var i = 0; i < rows; ++i)
            {
                var thisRow = document.createElement("tr");
                for (var j = 0; j < cols; ++j)
                {
                    var thisCol = document.createElement("td");
                    var thisCell = document.createElement('input type="text"');
                    thisCol.appendChild(thisCell);
                    thisRow.appendChild(thisRow);
                }
                document.getElementById.appendChild(thisRow);
            }

或不。我想知道我的理解是否正确,如果没有,我需要解决的问题。

0 个答案:

没有答案