Question

我正在创建一个作业计算器。我需要递归创建表单元素，并了解如何制作递归创建表。如何将表格中的空格转换为递归创建自己的表单元素？如果不清楚，请告诉我。

<table id="xTable"></table>
<script>
var rQty = parseInt(prompt("Number of Rows"), 10);
var cQty = parseInt(prompt("Number of Columns"), 10);
var table = document.getElementById("xTable");

for (let i = 0; i < rQty; i++) {
    var row = table.insertRow();
    for (let j = 0; j < cQty; j++) {
        var cell = row.insertCell();
        cell.textContent = "I want to make this into a recursive form creator ";
    }
}
</script>
<style>
td {
    border: 2px ridge #333;
    text-align: center;
}
</style>

Answer 1

这非常简单，只需使用document.createElement创建要插入到单元格中的元素，然后设置所需的属性，然后使用cell.appendChild将它们放置到单元格中。

>

此示例创建了<input type="text">个元素：

var rQty = parseInt(prompt("Number of Rows"), 10);
var cQty = parseInt(prompt("Number of Columns"), 10);
var table = document.getElementById("xTable");

for (let i = 0; i < rQty; i++) {
    var row = table.insertRow();
    for (let j = 0; j < cQty; j++) {
        var cell = row.insertCell();
        var input = document.createElement('input');
        input.type = 'text';
        input.name = 'input_r' + i + '-c' + j;
        
        cell.appendChild(input);
    }
}

td {
    border: 2px ridge #333;
    text-align: center;
}

<table id="xTable"></table>

创建递归表单元素

1 个答案: