html原生table循环赋值

在HTML中，原生的`<table>`标签可以用来创建表格，并通过循环的方式动态地为表格中的单元格赋予数据。在前端开发中，常见的做法是使用JavaScript（或其他客户端脚本语言）结合HTML来实现这一功能。

以下是一个简单的示例，假设我们要为一个3行3列的表格赋值：

<table id="myTable">
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <!-- 其他行 -->
</table>

使用JavaScript，我们可以遍历一个数据数组，并将数组中的值赋给表格的单元格：

// 假设有一个二维数组表示表格数据
var tableData = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

// 获取表格元素
var table = document.getElementById('myTable');

// 循环遍历数组并赋值给表格单元格
for(var i = 0; i < tableData.length; i++) {
    var row = table.insertRow(i); // 插入行
    for(var j = 0; j < tableData[i].length; j++) {
        var cell = row.insertCell(j); // 插入单元格
        cell.innerHTML = tableData[i][j]; // 赋值
    }
}

上述代码首先定义了一个二维数组`tableData`，然后通过双层循环遍历这个数组，每次外层循环插入一行到表格中，内层循环则在当前行中插入单元格，并将数组中的值赋给对应的单元格。