html原生table给除表头内部循环赋值

在HTML中，使用原生的 `<table>` 标签创建表格，并通过JavaScript进行数据填充是一种常见的做法。如果你想在表格的每一行（不包括表头）内循环赋值，可以通过遍历一个数据数组，并将数组中的每个元素按照表格的行和列进行填充。以下是一个简单的示例代码：

HTML 部分：

<table id="data-table">
    <thead>
        <tr>
            <th>列1</th>
            <th>列2</th>
            <th>列3</th>
        </tr>
    </thead>
    <tbody>
        <!-- 表格行将通过JavaScript动态生成 -->
    </tbody>
</table>

JavaScript 部分：

// 假设这是我们要填充的数据数组
var data = [
    { column1: "数据1-1", column2: "数据1-2", column3: "数据1-3" },
    { column1: "数据2-1", column2: "数据2-2", column3: "数据2-3" },
    // ... 其他数据
];

// 获取表格的 <tbody> 元素
var tableBody = document.getElementById('data-table').getElementsByTagName('tbody')[0];

// 遍历数据数组
data.forEach(function(item, index) {
    // 创建一个新行
    var newRow = tableBody.insertRow();
    
    // 填充每行的单元格
    for (var key in item) {
        // 创建新单元格
        var newCell = newRow.insertCell();
        // 设置单元格内容
        newCell.textContent = item[key];
    }
});

在这个例子中，我们首先定义了一个包含数据的数组 `data`，每个对象代表表格的一行数据。然后我们获取 `<table>` 标签中 `<tbody>` 元素的引用，并遍历 `data` 数组。对于数组中的每个元素，我们创建一个新的 `<tr>` 行，并为每个属性值创建一个 `<td>` 单元格来填充数据。